#6736B5 - #D3C5E9 | 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 #6736B5 a #D3C5E9

#6736B5 #D3C5E9

Calcule el color entre dos colores, #6736B5 y #D3C5E9. 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)

#6736B5 - #D3C5E9 | 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 #6736B5 como 0% y #D3C5E9 como 100%.

0.0%	0.0% #6736B5	RGB 103 54 181	#6736B5
16.7%	16.7% #794DBD	RGB 121 77 189	#794DBD
33.3%	33.3% #8B65C6	RGB 139 101 198	#8B65C6
50.0%	50.0% #9D7DCF	RGB 157 125 207	#9D7DCF
66.7%	66.7% #AF95D7	RGB 175 149 215	#AF95D7
83.3%	83.3% #C1ADE0	RGB 193 173 224	#C1ADE0
100.0%	100.0% #D3C5E9	RGB 211 197 233	#D3C5E9

#6736B5 #794DBD #8B65C6 #9D7DCF #AF95D7 #C1ADE0 #D3C5E9

#6736B5 - #D3C5E9

Mezcla HSV

#6736B5 - #D3C5E9 | 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 #6736B5 como 0% y #D3C5E9 como 100%.

0.0%	0.0% #6736B5	RGB 103 54 181	#6736B5
16.7%	16.7% #7649BD	RGB 118 73 189	#7649BD
33.3%	33.3% #875FC6	RGB 135 95 198	#875FC6
50.0%	50.0% #9876CF	RGB 152 118 207	#9876CF
66.7%	66.7% #AB8FD7	RGB 171 143 215	#AB8FD7
83.3%	83.3% #BEA9E0	RGB 190 169 224	#BEA9E0
100.0%	100.0% #D3C5E9	RGB 211 197 233	#D3C5E9

#6736B5 #7649BD #875FC6 #9876CF #AB8FD7 #BEA9E0 #D3C5E9

#6736B5 - #9876CF - #D3C5E9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6736B5 0%, #9876CF 50%, #D3C5E9 100%);
    background: -webkit-linear-gradient(top, #6736B5 0%, #9876CF 50%, #D3C5E9 100%);
    background: linear-gradient(to bottom, #6736B5 0%, #9876CF 50%, #D3C5E9 100%);
}
</style>