#C6BBBA - #FFEDD4 | 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 #C6BBBA a #FFEDD4

#C6BBBA #FFEDD4

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

#C6BBBA - #FFEDD4 | 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 #C6BBBA como 0% y #FFEDD4 como 100%.

0.0%	0.0% #C6BBBA	RGB 198 187 186	#C6BBBA
16.7%	16.7% #CFC3BE	RGB 207 195 190	#CFC3BE
33.3%	33.3% #D9CBC2	RGB 217 203 194	#D9CBC2
50.0%	50.0% #E2D4C7	RGB 226 212 199	#E2D4C7
66.7%	66.7% #ECDCCB	RGB 236 220 203	#ECDCCB
83.3%	83.3% #F5E4CF	RGB 245 228 207	#F5E4CF
100.0%	100.0% #FFEDD4	RGB 255 237 212	#FFEDD4

#C6BBBA #CFC3BE #D9CBC2 #E2D4C7 #ECDCCB #F5E4CF #FFEDD4

#C6BBBA - #FFEDD4

Mezcla HSV

#C6BBBA - #FFEDD4 | 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 #C6BBBA como 0% y #FFEDD4 como 100%.

0.0%	0.0% #C6BBBA	RGB 198 187 186	#C6BBBA
16.7%	16.7% #CFC1BF	RGB 207 193 191	#CFC1BF
33.3%	33.3% #D9C9C4	RGB 217 201 196	#D9C9C4
50.0%	50.0% #E2D1C8	RGB 226 209 200	#E2D1C8
66.7%	66.7% #ECD9CC	RGB 236 217 204	#ECD9CC
83.3%	83.3% #F5E2D0	RGB 245 226 208	#F5E2D0
100.0%	100.0% #FFEDD4	RGB 255 237 212	#FFEDD4

#C6BBBA #CFC1BF #D9C9C4 #E2D1C8 #ECD9CC #F5E2D0 #FFEDD4

#C6BBBA - #E2D1C8 - #FFEDD4

Códigos CSS

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

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