#E7B5E7 - #FFEDDE | 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 #E7B5E7 a #FFEDDE

#E7B5E7 #FFEDDE

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

#E7B5E7 - #FFEDDE | 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 #E7B5E7 como 0% y #FFEDDE como 100%.

0.0%	0.0% #E7B5E7	RGB 231 181 231	#E7B5E7
16.7%	16.7% #EBBEE5	RGB 235 190 229	#EBBEE5
33.3%	33.3% #EFC7E4	RGB 239 199 228	#EFC7E4
50.0%	50.0% #F3D1E2	RGB 243 209 226	#F3D1E2
66.7%	66.7% #F7DAE1	RGB 247 218 225	#F7DAE1
83.3%	83.3% #FBE3DF	RGB 251 227 223	#FBE3DF
100.0%	100.0% #FFEDDE	RGB 255 237 222	#FFEDDE

#E7B5E7 #EBBEE5 #EFC7E4 #F3D1E2 #F7DAE1 #FBE3DF #FFEDDE

#E7B5E7 - #FFEDDE

Mezcla HSV

#E7B5E7 - #FFEDDE | 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 #E7B5E7 como 0% y #FFEDDE como 100%.

0.0%	0.0% #E7B5E7	RGB 231 181 231	#E7B5E7
16.7%	16.7% #EBBBDF	RGB 235 187 223	#EBBBDF
33.3%	33.3% #EFC2D9	RGB 239 194 217	#EFC2D9
50.0%	50.0% #F3C8D4	RGB 243 200 212	#F3C8D4
66.7%	66.7% #F7CFD1	RGB 247 207 209	#F7CFD1
83.3%	83.3% #FBDED6	RGB 251 222 214	#FBDED6
100.0%	100.0% #FFEDDE	RGB 255 237 222	#FFEDDE

#E7B5E7 #EBBBDF #EFC2D9 #F3C8D4 #F7CFD1 #FBDED6 #FFEDDE

#E7B5E7 - #F3C8D4 - #FFEDDE

Códigos CSS

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

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