#C5B5E7 - #FFF0DF | 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 #C5B5E7 a #FFF0DF

#C5B5E7 #FFF0DF

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

#C5B5E7 - #FFF0DF | 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 #C5B5E7 como 0% y #FFF0DF como 100%.

0.0%	0.0% #C5B5E7	RGB 197 181 231	#C5B5E7
16.7%	16.7% #CEBEE5	RGB 206 190 229	#CEBEE5
33.3%	33.3% #D8C8E4	RGB 216 200 228	#D8C8E4
50.0%	50.0% #E2D2E3	RGB 226 210 227	#E2D2E3
66.7%	66.7% #EBDCE1	RGB 235 220 225	#EBDCE1
83.3%	83.3% #F5E6E0	RGB 245 230 224	#F5E6E0
100.0%	100.0% #FFF0DF	RGB 255 240 223	#FFF0DF

#C5B5E7 #CEBEE5 #D8C8E4 #E2D2E3 #EBDCE1 #F5E6E0 #FFF0DF

#C5B5E7 - #FFF0DF

Mezcla HSV

#C5B5E7 - #FFF0DF | 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 #C5B5E7 como 0% y #FFF0DF como 100%.

0.0%	0.0% #C5B5E7	RGB 197 181 231	#C5B5E7
16.7%	16.7% #DCBBEB	RGB 220 187 235	#DCBBEB
33.3%	33.3% #EFC2EC	RGB 239 194 236	#EFC2EC
50.0%	50.0% #F3C9E1	RGB 243 201 225	#F3C9E1
66.7%	66.7% #F7D0D8	RGB 247 208 216	#F7D0D8
83.3%	83.3% #FBDDD7	RGB 251 221 215	#FBDDD7
100.0%	100.0% #FFF0DF	RGB 255 240 223	#FFF0DF

#C5B5E7 #DCBBEB #EFC2EC #F3C9E1 #F7D0D8 #FBDDD7 #FFF0DF

#C5B5E7 - #F3C9E1 - #FFF0DF

Códigos CSS

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

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