#239F7E - #C0E3DA | 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 #239F7E a #C0E3DA

#239F7E #C0E3DA

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

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

0.0%	0.0% #239F7E	RGB 35 159 126	#239F7E
16.7%	16.7% #3DAA8D	RGB 61 170 141	#3DAA8D
33.3%	33.3% #57B59C	RGB 87 181 156	#57B59C
50.0%	50.0% #71C1AC	RGB 113 193 172	#71C1AC
66.7%	66.7% #8BCCBB	RGB 139 204 187	#8BCCBB
83.3%	83.3% #A5D7CA	RGB 165 215 202	#A5D7CA
100.0%	100.0% #C0E3DA	RGB 192 227 218	#C0E3DA

#239F7E #3DAA8D #57B59C #71C1AC #8BCCBB #A5D7CA #C0E3DA

#239F7E - #C0E3DA

Mezcla HSV

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

0.0%	0.0% #239F7E	RGB 35 159 126	#239F7E
16.7%	16.7% #37AA8B	RGB 55 170 139	#37AA8B
33.3%	33.3% #4DB59A	RGB 77 181 154	#4DB59A
50.0%	50.0% #66C1A9	RGB 102 193 169	#66C1A9
66.7%	66.7% #82CCB9	RGB 130 204 185	#82CCB9
83.3%	83.3% #9FD7C9	RGB 159 215 201	#9FD7C9
100.0%	100.0% #C0E3DA	RGB 192 227 218	#C0E3DA

#239F7E #37AA8B #4DB59A #66C1A9 #82CCB9 #9FD7C9 #C0E3DA

#239F7E - #66C1A9 - #C0E3DA

Códigos CSS

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

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