#A75DC5 - #E5D0EE | 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 #A75DC5 a #E5D0EE

#A75DC5 #E5D0EE

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

#A75DC5 - #E5D0EE | 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 #A75DC5 como 0% y #E5D0EE como 100%.

0.0%	0.0% #A75DC5	RGB 167 93 197	#A75DC5
16.7%	16.7% #B170CB	RGB 177 112 203	#B170CB
33.3%	33.3% #BB83D2	RGB 187 131 210	#BB83D2
50.0%	50.0% #C696D9	RGB 198 150 217	#C696D9
66.7%	66.7% #D0A9E0	RGB 208 169 224	#D0A9E0
83.3%	83.3% #DABCE7	RGB 218 188 231	#DABCE7
100.0%	100.0% #E5D0EE	RGB 229 208 238	#E5D0EE

#A75DC5 #B170CB #BB83D2 #C696D9 #D0A9E0 #DABCE7 #E5D0EE

#A75DC5 - #E5D0EE

Mezcla HSV

#A75DC5 - #E5D0EE | 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 #A75DC5 como 0% y #E5D0EE como 100%.

0.0%	0.0% #A75DC5	RGB 167 93 197	#A75DC5
16.7%	16.7% #B06DCB	RGB 176 109 203	#B06DCB
33.3%	33.3% #BA7FD2	RGB 186 127 210	#BA7FD2
50.0%	50.0% #C492D9	RGB 196 146 217	#C492D9
66.7%	66.7% #CFA6E0	RGB 207 166 224	#CFA6E0
83.3%	83.3% #D9BAE7	RGB 217 186 231	#D9BAE7
100.0%	100.0% #E5D0EE	RGB 229 208 238	#E5D0EE

#A75DC5 #B06DCB #BA7FD2 #C492D9 #CFA6E0 #D9BAE7 #E5D0EE

#A75DC5 - #C492D9 - #E5D0EE

Códigos CSS

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

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