#CAECEC - #CDE6D6 | 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 #CAECEC a #CDE6D6

#CAECEC #CDE6D6

Calcule el color entre dos colores, #CAECEC y #CDE6D6. 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)

#CAECEC - #CDE6D6 | 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 #CAECEC como 0% y #CDE6D6 como 100%.

0.0%	0.0% #CAECEC	RGB 202 236 236	#CAECEC
16.7%	16.7% #CAEBE8	RGB 202 235 232	#CAEBE8
33.3%	33.3% #CBEAE4	RGB 203 234 228	#CBEAE4
50.0%	50.0% #CBE9E1	RGB 203 233 225	#CBE9E1
66.7%	66.7% #CCE8DD	RGB 204 232 221	#CCE8DD
83.3%	83.3% #CCE7D9	RGB 204 231 217	#CCE7D9
100.0%	100.0% #CDE6D6	RGB 205 230 214	#CDE6D6

#CAECEC #CAEBE8 #CBEAE4 #CBE9E1 #CCE8DD #CCE7D9 #CDE6D6

#CAECEC - #CDE6D6

Mezcla HSV

#CAECEC - #CDE6D6 | 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 #CAECEC como 0% y #CDE6D6 como 100%.

0.0%	0.0% #CAECEC	RGB 202 236 236	#CAECEC
16.7%	16.7% #CAEBE7	RGB 202 235 231	#CAEBE7
33.3%	33.3% #CBEAE3	RGB 203 234 227	#CBEAE3
50.0%	50.0% #CBE9DF	RGB 203 233 223	#CBE9DF
66.7%	66.7% #CCE8DC	RGB 204 232 220	#CCE8DC
83.3%	83.3% #CCE7D8	RGB 204 231 216	#CCE7D8
100.0%	100.0% #CDE6D6	RGB 205 230 214	#CDE6D6

#CAECEC #CAEBE7 #CBEAE3 #CBE9DF #CCE8DC #CCE7D8 #CDE6D6

#CAECEC - #CBE9DF - #CDE6D6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAECEC 0%, #CBE9DF 50%, #CDE6D6 100%);
    background: -webkit-linear-gradient(top, #CAECEC 0%, #CBE9DF 50%, #CDE6D6 100%);
    background: linear-gradient(to bottom, #CAECEC 0%, #CBE9DF 50%, #CDE6D6 100%);
}
</style>