#239D7C - #C0E3D9 | 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 #239D7C a #C0E3D9

#239D7C #C0E3D9

Calcule el color entre dos colores, #239D7C y #C0E3D9. 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)

#239D7C - #C0E3D9 | 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 #239D7C como 0% y #C0E3D9 como 100%.

0.0%	0.0% #239D7C	RGB 35 157 124	#239D7C
16.7%	16.7% #3DA88B	RGB 61 168 139	#3DA88B
33.3%	33.3% #57B49B	RGB 87 180 155	#57B49B
50.0%	50.0% #71C0AA	RGB 113 192 170	#71C0AA
66.7%	66.7% #8BCBBA	RGB 139 203 186	#8BCBBA
83.3%	83.3% #A5D7C9	RGB 165 215 201	#A5D7C9
100.0%	100.0% #C0E3D9	RGB 192 227 217	#C0E3D9

#239D7C #3DA88B #57B49B #71C0AA #8BCBBA #A5D7C9 #C0E3D9

#239D7C - #C0E3D9

Mezcla HSV

#239D7C - #C0E3D9 | 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 #239D7C como 0% y #C0E3D9 como 100%.

0.0%	0.0% #239D7C	RGB 35 157 124	#239D7C
16.7%	16.7% #37A889	RGB 55 168 137	#37A889
33.3%	33.3% #4DB498	RGB 77 180 152	#4DB498
50.0%	50.0% #66C0A7	RGB 102 192 167	#66C0A7
66.7%	66.7% #81CBB6	RGB 129 203 182	#81CBB6
83.3%	83.3% #9FD7C7	RGB 159 215 199	#9FD7C7
100.0%	100.0% #C0E3D9	RGB 192 227 217	#C0E3D9

#239D7C #37A889 #4DB498 #66C0A7 #81CBB6 #9FD7C7 #C0E3D9

#239D7C - #66C0A7 - #C0E3D9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #239D7C 0%, #66C0A7 50%, #C0E3D9 100%);
    background: -webkit-linear-gradient(top, #239D7C 0%, #66C0A7 50%, #C0E3D9 100%);
    background: linear-gradient(to bottom, #239D7C 0%, #66C0A7 50%, #C0E3D9 100%);
}
</style>