#5100AF - #CDB6E8 | 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 #5100AF a #CDB6E8

#5100AF #CDB6E8

Calcule el color entre dos colores, #5100AF y #CDB6E8. 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)

#5100AF - #CDB6E8 | 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 #5100AF como 0% y #CDB6E8 como 100%.

0.0%	0.0% #5100AF	RGB 81 0 175	#5100AF
16.7%	16.7% #651EB8	RGB 101 30 184	#651EB8
33.3%	33.3% #7A3CC2	RGB 122 60 194	#7A3CC2
50.0%	50.0% #8F5BCB	RGB 143 91 203	#8F5BCB
66.7%	66.7% #A379D5	RGB 163 121 213	#A379D5
83.3%	83.3% #B897DE	RGB 184 151 222	#B897DE
100.0%	100.0% #CDB6E8	RGB 205 182 232	#CDB6E8

#5100AF #651EB8 #7A3CC2 #8F5BCB #A379D5 #B897DE #CDB6E8

#5100AF - #CDB6E8

Mezcla HSV

#5100AF - #CDB6E8 | 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 #5100AF como 0% y #CDB6E8 como 100%.

0.0%	0.0% #5100AF	RGB 81 0 175	#5100AF
16.7%	16.7% #6218B8	RGB 98 24 184	#6218B8
33.3%	33.3% #7432C2	RGB 116 50 194	#7432C2
50.0%	50.0% #884FCB	RGB 136 79 203	#884FCB
66.7%	66.7% #9E6FD5	RGB 158 111 213	#9E6FD5
83.3%	83.3% #B491DE	RGB 180 145 222	#B491DE
100.0%	100.0% #CDB6E8	RGB 205 182 232	#CDB6E8

#5100AF #6218B8 #7432C2 #884FCB #9E6FD5 #B491DE #CDB6E8

#5100AF - #884FCB - #CDB6E8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5100AF 0%, #884FCB 50%, #CDB6E8 100%);
    background: -webkit-linear-gradient(top, #5100AF 0%, #884FCB 50%, #CDB6E8 100%);
    background: linear-gradient(to bottom, #5100AF 0%, #884FCB 50%, #CDB6E8 100%);
}
</style>