#202048 - #BFBFCA | 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 #202048 a #BFBFCA

#202048 #BFBFCA

Calcule el color entre dos colores, #202048 y #BFBFCA. 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)

#202048 - #BFBFCA | 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 #202048 como 0% y #BFBFCA como 100%.

0.0%	0.0% #202048	RGB 32 32 72	#202048
16.7%	16.7% #3A3A5D	RGB 58 58 93	#3A3A5D
33.3%	33.3% #555573	RGB 85 85 115	#555573
50.0%	50.0% #6F6F89	RGB 111 111 137	#6F6F89
66.7%	66.7% #8A8A9E	RGB 138 138 158	#8A8A9E
83.3%	83.3% #A4A4B4	RGB 164 164 180	#A4A4B4
100.0%	100.0% #BFBFCA	RGB 191 191 202	#BFBFCA

#202048 #3A3A5D #555573 #6F6F89 #8A8A9E #A4A4B4 #BFBFCA

#202048 - #BFBFCA

Mezcla HSV

#202048 - #BFBFCA | 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 #202048 como 0% y #BFBFCA como 100%.

0.0%	0.0% #202048	RGB 32 32 72	#202048
16.7%	16.7% #31315D	RGB 49 49 93	#31315D
33.3%	33.3% #464673	RGB 70 70 115	#464673
50.0%	50.0% #5F5F89	RGB 95 95 137	#5F5F89
66.7%	66.7% #7B7B9E	RGB 123 123 158	#7B7B9E
83.3%	83.3% #9B9BB4	RGB 155 155 180	#9B9BB4
100.0%	100.0% #BFBFCA	RGB 191 191 202	#BFBFCA

#202048 #31315D #464673 #5F5F89 #7B7B9E #9B9BB4 #BFBFCA

#202048 - #5F5F89 - #BFBFCA

Códigos CSS

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

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