#202D25 - #BFC3C0 | 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 #202D25 a #BFC3C0

#202D25 #BFC3C0

Calcule el color entre dos colores, #202D25 y #BFC3C0. 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)

#202D25 - #BFC3C0 | 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 #202D25 como 0% y #BFC3C0 como 100%.

0.0%	0.0% #202D25	RGB 32 45 37	#202D25
16.7%	16.7% #3A463E	RGB 58 70 62	#3A463E
33.3%	33.3% #555F58	RGB 85 95 88	#555F58
50.0%	50.0% #6F7872	RGB 111 120 114	#6F7872
66.7%	66.7% #8A918C	RGB 138 145 140	#8A918C
83.3%	83.3% #A4AAA6	RGB 164 170 166	#A4AAA6
100.0%	100.0% #BFC3C0	RGB 191 195 192	#BFC3C0

#202D25 #3A463E #555F58 #6F7872 #8A918C #A4AAA6 #BFC3C0

#202D25 - #BFC3C0

Mezcla HSV

#202D25 - #BFC3C0 | 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 #202D25 como 0% y #BFC3C0 como 100%.

0.0%	0.0% #202D25	RGB 32 45 37	#202D25
16.7%	16.7% #34463B	RGB 52 70 59	#34463B
33.3%	33.3% #4C5F52	RGB 76 95 82	#4C5F52
50.0%	50.0% #65786B	RGB 101 120 107	#65786B
66.7%	66.7% #819185	RGB 129 145 133	#819185
83.3%	83.3% #9EAAA1	RGB 158 170 161	#9EAAA1
100.0%	100.0% #BFC3C0	RGB 191 195 192	#BFC3C0

#202D25 #34463B #4C5F52 #65786B #819185 #9EAAA1 #BFC3C0

#202D25 - #65786B - #BFC3C0

Códigos CSS

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

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