#C3BCC8 - #FFE5C2 | 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 #C3BCC8 a #FFE5C2

#C3BCC8 #FFE5C2

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

#C3BCC8 - #FFE5C2 | 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 #C3BCC8 como 0% y #FFE5C2 como 100%.

0.0%	0.0% #C3BCC8	RGB 195 188 200	#C3BCC8
16.7%	16.7% #CDC2C7	RGB 205 194 199	#CDC2C7
33.3%	33.3% #D7C9C6	RGB 215 201 198	#D7C9C6
50.0%	50.0% #E1D0C5	RGB 225 208 197	#E1D0C5
66.7%	66.7% #EBD7C4	RGB 235 215 196	#EBD7C4
83.3%	83.3% #F5DEC3	RGB 245 222 195	#F5DEC3
100.0%	100.0% #FFE5C2	RGB 255 229 194	#FFE5C2

#C3BCC8 #CDC2C7 #D7C9C6 #E1D0C5 #EBD7C4 #F5DEC3 #FFE5C2

#C3BCC8 - #FFE5C2

Mezcla HSV

#C3BCC8 - #FFE5C2 | 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 #C3BCC8 como 0% y #FFE5C2 como 100%.

0.0%	0.0% #C3BCC8	RGB 195 188 200	#C3BCC8
16.7%	16.7% #CFBED1	RGB 207 190 209	#CFBED1
33.3%	33.3% #DAC0D3	RGB 218 192 211	#DAC0D3
50.0%	50.0% #E3C1CF	RGB 227 193 207	#E3C1CF
66.7%	66.7% #ECC2C6	RGB 236 194 198	#ECC2C6
83.3%	83.3% #F5CEC2	RGB 245 206 194	#F5CEC2
100.0%	100.0% #FFE5C2	RGB 255 229 194	#FFE5C2

#C3BCC8 #CFBED1 #DAC0D3 #E3C1CF #ECC2C6 #F5CEC2 #FFE5C2

#C3BCC8 - #E3C1CF - #FFE5C2

Códigos CSS

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

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