#C9CEB5 - #E4D9EC | 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 #C9CEB5 a #E4D9EC

#C9CEB5 #E4D9EC

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

#C9CEB5 - #E4D9EC | 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 #C9CEB5 como 0% y #E4D9EC como 100%.

0.0%	0.0% #C9CEB5	RGB 201 206 181	#C9CEB5
16.7%	16.7% #CDCFBE	RGB 205 207 190	#CDCFBE
33.3%	33.3% #D2D1C7	RGB 210 209 199	#D2D1C7
50.0%	50.0% #D6D3D0	RGB 214 211 208	#D6D3D0
66.7%	66.7% #DBD5D9	RGB 219 213 217	#DBD5D9
83.3%	83.3% #DFD7E2	RGB 223 215 226	#DFD7E2
100.0%	100.0% #E4D9EC	RGB 228 217 236	#E4D9EC

#C9CEB5 #CDCFBE #D2D1C7 #D6D3D0 #DBD5D9 #DFD7E2 #E4D9EC

#C9CEB5 - #E4D9EC

Mezcla HSV

#C9CEB5 - #E4D9EC | 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 #C9CEB5 como 0% y #E4D9EC como 100%.

0.0%	0.0% #C9CEB5	RGB 201 206 181	#C9CEB5
16.7%	16.7% #D3CDBA	RGB 211 205 186	#D3CDBA
33.3%	33.3% #D8C8C0	RGB 216 200 192	#D8C8C0
50.0%	50.0% #DDC6C9	RGB 221 198 201	#DDC6C9
66.7%	66.7% #E2CCD8	RGB 226 204 216	#E2CCD8
83.3%	83.3% #E7D2E6	RGB 231 210 230	#E7D2E6
100.0%	100.0% #E4D9EC	RGB 228 217 236	#E4D9EC

#C9CEB5 #D3CDBA #D8C8C0 #DDC6C9 #E2CCD8 #E7D2E6 #E4D9EC

#C9CEB5 - #DDC6C9 - #E4D9EC

Códigos CSS

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

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