#239F7E - #C0E997 | 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 #C0E997

#239F7E #C0E997

Calcule el color entre dos colores, #239F7E y #C0E997. 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 - #C0E997 | 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 #C0E997 como 100%.

0.0%	0.0% #239F7E	RGB 35 159 126	#239F7E
16.7%	16.7% #3DAB82	RGB 61 171 130	#3DAB82
33.3%	33.3% #57B786	RGB 87 183 134	#57B786
50.0%	50.0% #71C48A	RGB 113 196 138	#71C48A
66.7%	66.7% #8BD08E	RGB 139 208 142	#8BD08E
83.3%	83.3% #A5DC92	RGB 165 220 146	#A5DC92
100.0%	100.0% #C0E997	RGB 192 233 151	#C0E997

#239F7E #3DAB82 #57B786 #71C48A #8BD08E #A5DC92 #C0E997

#239F7E - #C0E997

Mezcla HSV

#239F7E - #C0E997 | 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 #C0E997 como 100%.

0.0%	0.0% #239F7E	RGB 35 159 126	#239F7E
16.7%	16.7% #31AB72	RGB 49 171 114	#31AB72
33.3%	33.3% #42B768	RGB 66 183 104	#42B768
50.0%	50.0% #55C462	RGB 85 196 98	#55C462
66.7%	66.7% #72D069	RGB 114 208 105	#72D069
83.3%	83.3% #9ADC7F	RGB 154 220 127	#9ADC7F
100.0%	100.0% #C0E997	RGB 192 233 151	#C0E997

#239F7E #31AB72 #42B768 #55C462 #72D069 #9ADC7F #C0E997

#239F7E - #55C462 - #C0E997

Códigos CSS

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

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