#C5B5E2 - #FFE8DA | 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 #C5B5E2 a #FFE8DA

#C5B5E2 #FFE8DA

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

#C5B5E2 - #FFE8DA | 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 #C5B5E2 como 0% y #FFE8DA como 100%.

0.0%	0.0% #C5B5E2	RGB 197 181 226	#C5B5E2
16.7%	16.7% #CEBDE0	RGB 206 189 224	#CEBDE0
33.3%	33.3% #D8C6DF	RGB 216 198 223	#D8C6DF
50.0%	50.0% #E2CEDE	RGB 226 206 222	#E2CEDE
66.7%	66.7% #EBD7DC	RGB 235 215 220	#EBD7DC
83.3%	83.3% #F5DFDB	RGB 245 223 219	#F5DFDB
100.0%	100.0% #FFE8DA	RGB 255 232 218	#FFE8DA

#C5B5E2 #CEBDE0 #D8C6DF #E2CEDE #EBD7DC #F5DFDB #FFE8DA

#C5B5E2 - #FFE8DA

Mezcla HSV

#C5B5E2 - #FFE8DA | 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 #C5B5E2 como 0% y #FFE8DA como 100%.

0.0%	0.0% #C5B5E2	RGB 197 181 226	#C5B5E2
16.7%	16.7% #D9BAE6	RGB 217 186 230	#D9BAE6
33.3%	33.3% #EBC0EA	RGB 235 192 234	#EBC0EA
50.0%	50.0% #F0C7E1	RGB 240 199 225	#F0C7E1
66.7%	66.7% #F5CDD9	RGB 245 205 217	#F5CDD9
83.3%	83.3% #FAD5D3	RGB 250 213 211	#FAD5D3
100.0%	100.0% #FFE8DA	RGB 255 232 218	#FFE8DA

#C5B5E2 #D9BAE6 #EBC0EA #F0C7E1 #F5CDD9 #FAD5D3 #FFE8DA

#C5B5E2 - #F0C7E1 - #FFE8DA

Códigos CSS

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

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