#20213B - #BFBFC7 | 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 #20213B a #BFBFC7

#20213B #BFBFC7

Calcule el color entre dos colores, #20213B y #BFBFC7. 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)

#20213B - #BFBFC7 | 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 #20213B como 0% y #BFBFC7 como 100%.

0.0%	0.0% #20213B	RGB 32 33 59	#20213B
16.7%	16.7% #3A3B52	RGB 58 59 82	#3A3B52
33.3%	33.3% #555569	RGB 85 85 105	#555569
50.0%	50.0% #6F7081	RGB 111 112 129	#6F7081
66.7%	66.7% #8A8A98	RGB 138 138 152	#8A8A98
83.3%	83.3% #A4A4AF	RGB 164 164 175	#A4A4AF
100.0%	100.0% #BFBFC7	RGB 191 191 199	#BFBFC7

#20213B #3A3B52 #555569 #6F7081 #8A8A98 #A4A4AF #BFBFC7

#20213B - #BFBFC7

Mezcla HSV

#20213B - #BFBFC7 | 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 #20213B como 0% y #BFBFC7 como 100%.

0.0%	0.0% #20203B	RGB 32 32 59	#20203B
16.7%	16.7% #323352	RGB 50 51 82	#323352
33.3%	33.3% #484869	RGB 72 72 105	#484869
50.0%	50.0% #606181	RGB 96 97 129	#606181
66.7%	66.7% #7D7D98	RGB 125 125 152	#7D7D98
83.3%	83.3% #9C9CAF	RGB 156 156 175	#9C9CAF
100.0%	100.0% #BFBFC7	RGB 191 191 199	#BFBFC7

#20203B #323352 #484869 #606181 #7D7D98 #9C9CAF #BFBFC7

#20213B - #606181 - #BFBFC7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20203B 0%, #606181 50%, #BFBFC7 100%);
    background: -webkit-linear-gradient(top, #20203B 0%, #606181 50%, #BFBFC7 100%);
    background: linear-gradient(to bottom, #20203B 0%, #606181 50%, #BFBFC7 100%);
}
</style>