#5D4EB3 - #D0CCE9 | 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 #5D4EB3 a #D0CCE9

#5D4EB3 #D0CCE9

Calcule el color entre dos colores, #5D4EB3 y #D0CCE9. 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)

#5D4EB3 - #D0CCE9 | 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 #5D4EB3 como 0% y #D0CCE9 como 100%.

0.0%	0.0% #5D4EB3	RGB 93 78 179	#5D4EB3
16.7%	16.7% #7063BC	RGB 112 99 188	#7063BC
33.3%	33.3% #8378C5	RGB 131 120 197	#8378C5
50.0%	50.0% #968DCE	RGB 150 141 206	#968DCE
66.7%	66.7% #A9A2D7	RGB 169 162 215	#A9A2D7
83.3%	83.3% #BCB7E0	RGB 188 183 224	#BCB7E0
100.0%	100.0% #D0CCE9	RGB 208 204 233	#D0CCE9

#5D4EB3 #7063BC #8378C5 #968DCE #A9A2D7 #BCB7E0 #D0CCE9

#5D4EB3 - #D0CCE9

Mezcla HSV

#5D4EB3 - #D0CCE9 | 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 #5D4EB3 como 0% y #D0CCE9 como 100%.

0.0%	0.0% #5C4EB3	RGB 92 78 179	#5C4EB3
16.7%	16.7% #6D5FBC	RGB 109 95 188	#6D5FBC
33.3%	33.3% #7E72C5	RGB 126 114 197	#7E72C5
50.0%	50.0% #9187CE	RGB 145 135 206	#9187CE
66.7%	66.7% #A49CD7	RGB 164 156 215	#A49CD7
83.3%	83.3% #B9B3E0	RGB 185 179 224	#B9B3E0
100.0%	100.0% #D0CCE9	RGB 208 204 233	#D0CCE9

#5C4EB3 #6D5FBC #7E72C5 #9187CE #A49CD7 #B9B3E0 #D0CCE9

#5D4EB3 - #9187CE - #D0CCE9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C4EB3 0%, #9187CE 50%, #D0CCE9 100%);
    background: -webkit-linear-gradient(top, #5C4EB3 0%, #9187CE 50%, #D0CCE9 100%);
    background: linear-gradient(to bottom, #5C4EB3 0%, #9187CE 50%, #D0CCE9 100%);
}
</style>