#E2B5E3 - #F6E9F7 | 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 #E2B5E3 a #F6E9F7

#E2B5E3 #F6E9F7

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

#E2B5E3 - #F6E9F7 | 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 #E2B5E3 como 0% y #F6E9F7 como 100%.

0.0%	0.0% #E2B5E3	RGB 226 181 227	#E2B5E3
16.7%	16.7% #E5BDE6	RGB 229 189 230	#E5BDE6
33.3%	33.3% #E8C6E9	RGB 232 198 233	#E8C6E9
50.0%	50.0% #ECCFED	RGB 236 207 237	#ECCFED
66.7%	66.7% #EFD7F0	RGB 239 215 240	#EFD7F0
83.3%	83.3% #F2E0F3	RGB 242 224 243	#F2E0F3
100.0%	100.0% #F6E9F7	RGB 246 233 247	#F6E9F7

#E2B5E3 #E5BDE6 #E8C6E9 #ECCFED #EFD7F0 #F2E0F3 #F6E9F7

#E2B5E3 - #F6E9F7

Mezcla HSV

#E2B5E3 - #F6E9F7 | 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 #E2B5E3 como 0% y #F6E9F7 como 100%.

0.0%	0.0% #E2B5E3	RGB 226 181 227	#E2B5E3
16.7%	16.7% #E5BDE6	RGB 229 189 230	#E5BDE6
33.3%	33.3% #E8C5E9	RGB 232 197 233	#E8C5E9
50.0%	50.0% #EBCEED	RGB 235 206 237	#EBCEED
66.7%	66.7% #EED7F0	RGB 238 215 240	#EED7F0
83.3%	83.3% #F2DFF3	RGB 242 223 243	#F2DFF3
100.0%	100.0% #F6E9F7	RGB 246 233 247	#F6E9F7

#E2B5E3 #E5BDE6 #E8C5E9 #EBCEED #EED7F0 #F2DFF3 #F6E9F7

#E2B5E3 - #EBCEED - #F6E9F7

Códigos CSS

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

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