#CACECB - #D5E3C5 | 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 #CACECB a #D5E3C5

#CACECB #D5E3C5

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

#CACECB - #D5E3C5 | 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 #CACECB como 0% y #D5E3C5 como 100%.

0.0%	0.0% #CACECB	RGB 202 206 203	#CACECB
16.7%	16.7% #CBD1CA	RGB 203 209 202	#CBD1CA
33.3%	33.3% #CDD5C9	RGB 205 213 201	#CDD5C9
50.0%	50.0% #CFD8C8	RGB 207 216 200	#CFD8C8
66.7%	66.7% #D1DCC7	RGB 209 220 199	#D1DCC7
83.3%	83.3% #D3DFC6	RGB 211 223 198	#D3DFC6
100.0%	100.0% #D5E3C5	RGB 213 227 197	#D5E3C5

#CACECB #CBD1CA #CDD5C9 #CFD8C8 #D1DCC7 #D3DFC6 #D5E3C5

#CACECB - #D5E3C5

Mezcla HSV

#CACECB - #D5E3C5 | 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 #CACECB como 0% y #D5E3C5 como 100%.

0.0%	0.0% #CACECB	RGB 202 206 203	#CACECB
16.7%	16.7% #C9D1CA	RGB 201 209 202	#C9D1CA
33.3%	33.3% #C8D5C8	RGB 200 213 200	#C8D5C8
50.0%	50.0% #CAD8C8	RGB 202 216 200	#CAD8C8
66.7%	66.7% #CCDCC7	RGB 204 220 199	#CCDCC7
83.3%	83.3% #D0DFC6	RGB 208 223 198	#D0DFC6
100.0%	100.0% #D5E3C5	RGB 213 227 197	#D5E3C5

#CACECB #C9D1CA #C8D5C8 #CAD8C8 #CCDCC7 #D0DFC6 #D5E3C5

#CACECB - #CAD8C8 - #D5E3C5

Códigos CSS

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

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