#CCC4CB - #D5E5DA | 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 #CCC4CB a #D5E5DA

#CCC4CB #D5E5DA

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

#CCC4CB - #D5E5DA | 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 #CCC4CB como 0% y #D5E5DA como 100%.

0.0%	0.0% #CCC4CB	RGB 204 196 203	#CCC4CB
16.7%	16.7% #CDC9CD	RGB 205 201 205	#CDC9CD
33.3%	33.3% #CFCFD0	RGB 207 207 208	#CFCFD0
50.0%	50.0% #D0D4D2	RGB 208 212 210	#D0D4D2
66.7%	66.7% #D2DAD5	RGB 210 218 213	#D2DAD5
83.3%	83.3% #D3DFD7	RGB 211 223 215	#D3DFD7
100.0%	100.0% #D5E5DA	RGB 213 229 218	#D5E5DA

#CCC4CB #CDC9CD #CFCFD0 #D0D4D2 #D2DAD5 #D3DFD7 #D5E5DA

#CCC4CB - #D5E5DA

Mezcla HSV

#CCC4CB - #D5E5DA | 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 #CCC4CB como 0% y #D5E5DA como 100%.

0.0%	0.0% #CCC4CB	RGB 204 196 203	#CCC4CB
16.7%	16.7% #CCC6D0	RGB 204 198 208	#CCC6D0
33.3%	33.3% #CBC9D4	RGB 203 201 212	#CBC9D4
50.0%	50.0% #CCD0D8	RGB 204 208 216	#CCD0D8
66.7%	66.7% #CFD9DC	RGB 207 217 220	#CFD9DC
83.3%	83.3% #D2E0DD	RGB 210 224 221	#D2E0DD
100.0%	100.0% #D5E5DA	RGB 213 229 218	#D5E5DA

#CCC4CB #CCC6D0 #CBC9D4 #CCD0D8 #CFD9DC #D2E0DD #D5E5DA

#CCC4CB - #CCD0D8 - #D5E5DA

Códigos CSS

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

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