#E6B5E4 - #BA5FAE | 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 #E6B5E4 a #BA5FAE

#E6B5E4 #BA5FAE

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

#E6B5E4 - #BA5FAE | 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 #E6B5E4 como 0% y #BA5FAE como 100%.

0.0%	0.0% #E6B5E4	RGB 230 181 228	#E6B5E4
16.7%	16.7% #DEA6DB	RGB 222 166 219	#DEA6DB
33.3%	33.3% #D798D2	RGB 215 152 210	#D798D2
50.0%	50.0% #D08AC9	RGB 208 138 201	#D08AC9
66.7%	66.7% #C87BC0	RGB 200 123 192	#C87BC0
83.3%	83.3% #C16DB7	RGB 193 109 183	#C16DB7
100.0%	100.0% #BA5FAE	RGB 186 95 174	#BA5FAE

#E6B5E4 #DEA6DB #D798D2 #D08AC9 #C87BC0 #C16DB7 #BA5FAE

#E6B5E4 - #BA5FAE

Mezcla HSV

#E6B5E4 - #BA5FAE | 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 #E6B5E4 como 0% y #BA5FAE como 100%.

0.0%	0.0% #E6B5E4	RGB 230 181 228	#E6B5E4
16.7%	16.7% #DEA4DB	RGB 222 164 219	#DEA4DB
33.3%	33.3% #D795D2	RGB 215 149 210	#D795D2
50.0%	50.0% #D086C9	RGB 208 134 201	#D086C9
66.7%	66.7% #C878C0	RGB 200 120 192	#C878C0
83.3%	83.3% #C16BB7	RGB 193 107 183	#C16BB7
100.0%	100.0% #BA5FAE	RGB 186 95 174	#BA5FAE

#E6B5E4 #DEA4DB #D795D2 #D086C9 #C878C0 #C16BB7 #BA5FAE

#E6B5E4 - #D086C9 - #BA5FAE

Códigos CSS

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

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