#C9A8C5 - #D0DFD2 | 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 #C9A8C5 a #D0DFD2

#C9A8C5 #D0DFD2

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

#C9A8C5 - #D0DFD2 | 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 #C9A8C5 como 0% y #D0DFD2 como 100%.

0.0%	0.0% #C9A8C5	RGB 201 168 197	#C9A8C5
16.7%	16.7% #CAB1C7	RGB 202 177 199	#CAB1C7
33.3%	33.3% #CBBAC9	RGB 203 186 201	#CBBAC9
50.0%	50.0% #CCC3CB	RGB 204 195 203	#CCC3CB
66.7%	66.7% #CDCCCD	RGB 205 204 205	#CDCCCD
83.3%	83.3% #CED5CF	RGB 206 213 207	#CED5CF
100.0%	100.0% #D0DFD2	RGB 208 223 210	#D0DFD2

#C9A8C5 #CAB1C7 #CBBAC9 #CCC3CB #CDCCCD #CED5CF #D0DFD2

#C9A8C5 - #D0DFD2

Mezcla HSV

#C9A8C5 - #D0DFD2 | 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 #C9A8C5 como 0% y #D0DFD2 como 100%.

0.0%	0.0% #C9A8C5	RGB 201 168 197	#C9A8C5
16.7%	16.7% #C1AECC	RGB 193 174 204	#C1AECC
33.3%	33.3% #B8B4D0	RGB 184 180 208	#B8B4D0
50.0%	50.0% #BBC4D4	RGB 187 196 212	#BBC4D4
66.7%	66.7% #C2D4D7	RGB 194 212 215	#C2D4D7
83.3%	83.3% #C9DBD4	RGB 201 219 212	#C9DBD4
100.0%	100.0% #D0DFD2	RGB 208 223 210	#D0DFD2

#C9A8C5 #C1AECC #B8B4D0 #BBC4D4 #C2D4D7 #C9DBD4 #D0DFD2

#C9A8C5 - #BBC4D4 - #D0DFD2

Códigos CSS

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

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