#1D0F3C - #BEBAC7 | 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 #1D0F3C a #BEBAC7

#1D0F3C #BEBAC7

Calcule el color entre dos colores, #1D0F3C y #BEBAC7. 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)

#1D0F3C - #BEBAC7 | 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 #1D0F3C como 0% y #BEBAC7 como 100%.

0.0%	0.0% #1D0F3C	RGB 29 15 60	#1D0F3C
16.7%	16.7% #372B53	RGB 55 43 83	#372B53
33.3%	33.3% #52486A	RGB 82 72 106	#52486A
50.0%	50.0% #6D6481	RGB 109 100 129	#6D6481
66.7%	66.7% #888198	RGB 136 129 152	#888198
83.3%	83.3% #A39DAF	RGB 163 157 175	#A39DAF
100.0%	100.0% #BEBAC7	RGB 190 186 199	#BEBAC7

#1D0F3C #372B53 #52486A #6D6481 #888198 #A39DAF #BEBAC7

#1D0F3C - #BEBAC7

Mezcla HSV

#1D0F3C - #BEBAC7 | 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 #1D0F3C como 0% y #BEBAC7 como 100%.

0.0%	0.0% #1C0F3C	RGB 28 15 60	#1C0F3C
16.7%	16.7% #2E1E53	RGB 46 30 83	#2E1E53
33.3%	33.3% #44326A	RGB 68 50 106	#44326A
50.0%	50.0% #5D4C81	RGB 93 76 129	#5D4C81
66.7%	66.7% #796B98	RGB 121 107 152	#796B98
83.3%	83.3% #9A90AF	RGB 154 144 175	#9A90AF
100.0%	100.0% #BEBAC7	RGB 190 186 199	#BEBAC7

#1C0F3C #2E1E53 #44326A #5D4C81 #796B98 #9A90AF #BEBAC7

#1D0F3C - #5D4C81 - #BEBAC7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C0F3C 0%, #5D4C81 50%, #BEBAC7 100%);
    background: -webkit-linear-gradient(top, #1C0F3C 0%, #5D4C81 50%, #BEBAC7 100%);
    background: linear-gradient(to bottom, #1C0F3C 0%, #5D4C81 50%, #BEBAC7 100%);
}
</style>