#CDF1F1 - #CEE7D9 | 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 #CDF1F1 a #CEE7D9

#CDF1F1 #CEE7D9

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

#CDF1F1 - #CEE7D9 | 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 #CDF1F1 como 0% y #CEE7D9 como 100%.

0.0%	0.0% #CDF1F1	RGB 205 241 241	#CDF1F1
16.7%	16.7% #CDEFED	RGB 205 239 237	#CDEFED
33.3%	33.3% #CDEDE9	RGB 205 237 233	#CDEDE9
50.0%	50.0% #CDECE5	RGB 205 236 229	#CDECE5
66.7%	66.7% #CDEAE1	RGB 205 234 225	#CDEAE1
83.3%	83.3% #CDE8DD	RGB 205 232 221	#CDE8DD
100.0%	100.0% #CEE7D9	RGB 206 231 217	#CEE7D9

#CDF1F1 #CDEFED #CDEDE9 #CDECE5 #CDEAE1 #CDE8DD #CEE7D9

#CDF1F1 - #CEE7D9

Mezcla HSV

#CDF1F1 - #CEE7D9 | 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 #CDF1F1 como 0% y #CEE7D9 como 100%.

0.0%	0.0% #CDF1F1	RGB 205 241 241	#CDF1F1
16.7%	16.7% #CDEFEC	RGB 205 239 236	#CDEFEC
33.3%	33.3% #CDEDE7	RGB 205 237 231	#CDEDE7
50.0%	50.0% #CDECE3	RGB 205 236 227	#CDECE3
66.7%	66.7% #CDEADF	RGB 205 234 223	#CDEADF
83.3%	83.3% #CDE8DC	RGB 205 232 220	#CDE8DC
100.0%	100.0% #CEE7D9	RGB 206 231 217	#CEE7D9

#CDF1F1 #CDEFEC #CDEDE7 #CDECE3 #CDEADF #CDE8DC #CEE7D9

#CDF1F1 - #CDECE3 - #CEE7D9

Códigos CSS

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

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