#CDCACB - #D9C7E5 | 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 #CDCACB a #D9C7E5

#CDCACB #D9C7E5

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

#CDCACB - #D9C7E5 | 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 #CDCACB como 0% y #D9C7E5 como 100%.

0.0%	0.0% #CDCACB	RGB 205 202 203	#CDCACB
16.7%	16.7% #CFC9CF	RGB 207 201 207	#CFC9CF
33.3%	33.3% #D1C9D3	RGB 209 201 211	#D1C9D3
50.0%	50.0% #D3C8D8	RGB 211 200 216	#D3C8D8
66.7%	66.7% #D5C8DC	RGB 213 200 220	#D5C8DC
83.3%	83.3% #D7C7E0	RGB 215 199 224	#D7C7E0
100.0%	100.0% #D9C7E5	RGB 217 199 229	#D9C7E5

#CDCACB #CFC9CF #D1C9D3 #D3C8D8 #D5C8DC #D7C7E0 #D9C7E5

#CDCACB - #D9C7E5

Mezcla HSV

#CDCACB - #D9C7E5 | 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 #CDCACB como 0% y #D9C7E5 como 100%.

0.0%	0.0% #CDCACB	RGB 205 202 203	#CDCACB
16.7%	16.7% #D1C9CD	RGB 209 201 205	#D1C9CD
33.3%	33.3% #D5C9D1	RGB 213 201 209	#D5C9D1
50.0%	50.0% #D9C9D6	RGB 217 201 214	#D9C9D6
66.7%	66.7% #DCC8DD	RGB 220 200 221	#DCC8DD
83.3%	83.3% #DBC7E1	RGB 219 199 225	#DBC7E1
100.0%	100.0% #D9C7E5	RGB 217 199 229	#D9C7E5

#CDCACB #D1C9CD #D5C9D1 #D9C9D6 #DCC8DD #DBC7E1 #D9C7E5

#CDCACB - #D9C9D6 - #D9C7E5

Códigos CSS

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

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