#65CACA - #CEE3B5 | 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 #65CACA a #CEE3B5

#65CACA #CEE3B5

Calcule el color entre dos colores, #65CACA y #CEE3B5. 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)

#65CACA - #CEE3B5 | 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 #65CACA como 0% y #CEE3B5 como 100%.

0.0%	0.0% #65CACA	RGB 101 202 202	#65CACA
16.7%	16.7% #76CEC6	RGB 118 206 198	#76CEC6
33.3%	33.3% #88D2C3	RGB 136 210 195	#88D2C3
50.0%	50.0% #99D6BF	RGB 153 214 191	#99D6BF
66.7%	66.7% #ABDABC	RGB 171 218 188	#ABDABC
83.3%	83.3% #BCDEB8	RGB 188 222 184	#BCDEB8
100.0%	100.0% #CEE3B5	RGB 206 227 181	#CEE3B5

#65CACA #76CEC6 #88D2C3 #99D6BF #ABDABC #BCDEB8 #CEE3B5

#65CACA - #CEE3B5

Mezcla HSV

#65CACA - #CEE3B5 | 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 #65CACA como 0% y #CEE3B5 como 100%.

0.0%	0.0% #65CACA	RGB 101 202 202	#65CACA
16.7%	16.7% #71CEB6	RGB 113 206 182	#71CEB6
33.3%	33.3% #7ED2A6	RGB 126 210 166	#7ED2A6
50.0%	50.0% #8BD69C	RGB 139 214 156	#8BD69C
66.7%	66.7% #9ADA98	RGB 154 218 152	#9ADA98
83.3%	83.3% #B6DEA6	RGB 182 222 166	#B6DEA6
100.0%	100.0% #CEE3B5	RGB 206 227 181	#CEE3B5

#65CACA #71CEB6 #7ED2A6 #8BD69C #9ADA98 #B6DEA6 #CEE3B5

#65CACA - #8BD69C - #CEE3B5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #65CACA 0%, #8BD69C 50%, #CEE3B5 100%);
    background: -webkit-linear-gradient(top, #65CACA 0%, #8BD69C 50%, #CEE3B5 100%);
    background: linear-gradient(to bottom, #65CACA 0%, #8BD69C 50%, #CEE3B5 100%);
}
</style>