#7CD9C0 - #233E36 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #7CD9C0 a #233E36

#7CD9C0 #233E36

Calcule el color entre dos colores, #7CD9C0 y #233E36. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#7CD9C0 - #233E36 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #7CD9C0 como 0% y #233E36 como 100%.

0.0%	0.0% #7CD9C0	RGB 124 217 192	#7CD9C0
16.7%	16.7% #6DBFA9	RGB 109 191 169	#6DBFA9
33.3%	33.3% #5EA592	RGB 94 165 146	#5EA592
50.0%	50.0% #4F8B7B	RGB 79 139 123	#4F8B7B
66.7%	66.7% #407164	RGB 64 113 100	#407164
83.3%	83.3% #31574D	RGB 49 87 77	#31574D
100.0%	100.0% #233E36	RGB 35 62 54	#233E36

#7CD9C0 #6DBFA9 #5EA592 #4F8B7B #407164 #31574D #233E36

#7CD9C0 - #233E36

Mezcla HSV

#7CD9C0 - #233E36 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #7CD9C0 como 0% y #233E36 como 100%.

0.0%	0.0% #7CD9C0	RGB 124 217 192	#7CD9C0
16.7%	16.7% #6DBFA8	RGB 109 191 168	#6DBFA8
33.3%	33.3% #5EA591	RGB 94 165 145	#5EA591
50.0%	50.0% #4F8B7A	RGB 79 139 122	#4F8B7A
66.7%	66.7% #407163	RGB 64 113 99	#407163
83.3%	83.3% #31574C	RGB 49 87 76	#31574C
100.0%	100.0% #233E36	RGB 35 62 54	#233E36

#7CD9C0 #6DBFA8 #5EA591 #4F8B7A #407163 #31574C #233E36

#7CD9C0 - #4F8B7A - #233E36

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #7CD9C0 0%, #233E36 100%);
    background: -webkit-linear-gradient(top, #7CD9C0 0%, #233E36 100%);
    background: linear-gradient(to bottom, #7CD9C0 0%, #233E36 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7CD9C0 0%, #4F8B7A 50%, #233E36 100%);
    background: -webkit-linear-gradient(top, #7CD9C0 0%, #4F8B7A 50%, #233E36 100%);
    background: linear-gradient(to bottom, #7CD9C0 0%, #4F8B7A 50%, #233E36 100%);
}
</style>