#2CB09F - #C5ECA6 | 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 #2CB09F a #C5ECA6

#2CB09F #C5ECA6

Calcule el color entre dos colores, #2CB09F y #C5ECA6. 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)

#2CB09F - #C5ECA6 | 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 #2CB09F como 0% y #C5ECA6 como 100%.

0.0%	0.0% #2CB09F	RGB 44 176 159	#2CB09F
16.7%	16.7% #45BAA0	RGB 69 186 160	#45BAA0
33.3%	33.3% #5FC4A1	RGB 95 196 161	#5FC4A1
50.0%	50.0% #78CEA2	RGB 120 206 162	#78CEA2
66.7%	66.7% #92D8A3	RGB 146 216 163	#92D8A3
83.3%	83.3% #ABE2A4	RGB 171 226 164	#ABE2A4
100.0%	100.0% #C5ECA6	RGB 197 236 166	#C5ECA6

#2CB09F #45BAA0 #5FC4A1 #78CEA2 #92D8A3 #ABE2A4 #C5ECA6

#2CB09F - #C5ECA6

Mezcla HSV

#2CB09F - #C5ECA6 | 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 #2CB09F como 0% y #C5ECA6 como 100%.

0.0%	0.0% #2CB09F	RGB 44 176 159	#2CB09F
16.7%	16.7% #3CBA8E	RGB 60 186 142	#3CBA8E
33.3%	33.3% #4EC481	RGB 78 196 129	#4EC481
50.0%	50.0% #62CE79	RGB 98 206 121	#62CE79
66.7%	66.7% #77D877	RGB 119 216 119	#77D877
83.3%	83.3% #A0E28D	RGB 160 226 141	#A0E28D
100.0%	100.0% #C5ECA6	RGB 197 236 166	#C5ECA6

#2CB09F #3CBA8E #4EC481 #62CE79 #77D877 #A0E28D #C5ECA6

#2CB09F - #62CE79 - #C5ECA6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2CB09F 0%, #62CE79 50%, #C5ECA6 100%);
    background: -webkit-linear-gradient(top, #2CB09F 0%, #62CE79 50%, #C5ECA6 100%);
    background: linear-gradient(to bottom, #2CB09F 0%, #62CE79 50%, #C5ECA6 100%);
}
</style>