#7E48B4 - #D9CAE9 | 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 #7E48B4 a #D9CAE9

#7E48B4 #D9CAE9

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

#7E48B4 - #D9CAE9 | 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 #7E48B4 como 0% y #D9CAE9 como 100%.

0.0%	0.0% #7E48B4	RGB 126 72 180	#7E48B4
16.7%	16.7% #8D5DBC	RGB 141 93 188	#8D5DBC
33.3%	33.3% #9C73C5	RGB 156 115 197	#9C73C5
50.0%	50.0% #AB89CE	RGB 171 137 206	#AB89CE
66.7%	66.7% #BA9ED7	RGB 186 158 215	#BA9ED7
83.3%	83.3% #C9B4E0	RGB 201 180 224	#C9B4E0
100.0%	100.0% #D9CAE9	RGB 217 202 233	#D9CAE9

#7E48B4 #8D5DBC #9C73C5 #AB89CE #BA9ED7 #C9B4E0 #D9CAE9

#7E48B4 - #D9CAE9

Mezcla HSV

#7E48B4 - #D9CAE9 | 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 #7E48B4 como 0% y #D9CAE9 como 100%.

0.0%	0.0% #7E48B4	RGB 126 72 180	#7E48B4
16.7%	16.7% #8B5ABC	RGB 139 90 188	#8B5ABC
33.3%	33.3% #996DC5	RGB 153 109 197	#996DC5
50.0%	50.0% #A882CE	RGB 168 130 206	#A882CE
66.7%	66.7% #B799D7	RGB 183 153 215	#B799D7
83.3%	83.3% #C7B0E0	RGB 199 176 224	#C7B0E0
100.0%	100.0% #D9CAE9	RGB 217 202 233	#D9CAE9

#7E48B4 #8B5ABC #996DC5 #A882CE #B799D7 #C7B0E0 #D9CAE9

#7E48B4 - #A882CE - #D9CAE9

Códigos CSS

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

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