#251B05 - #C0BDB7 | 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 #251B05 a #C0BDB7

#251B05 #C0BDB7

Calcule el color entre dos colores, #251B05 y #C0BDB7. 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)

#251B05 - #C0BDB7 | 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 #251B05 como 0% y #C0BDB7 como 100%.

0.0%	0.0% #251B05	RGB 37 27 5	#251B05
16.7%	16.7% #3E3622	RGB 62 54 34	#3E3622
33.3%	33.3% #585140	RGB 88 81 64	#585140
50.0%	50.0% #726C5E	RGB 114 108 94	#726C5E
66.7%	66.7% #8C877B	RGB 140 135 123	#8C877B
83.3%	83.3% #A6A299	RGB 166 162 153	#A6A299
100.0%	100.0% #C0BDB7	RGB 192 189 183	#C0BDB7

#251B05 #3E3622 #585140 #726C5E #8C877B #A6A299 #C0BDB7

#251B05 - #C0BDB7

Mezcla HSV

#251B05 - #C0BDB7 | 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 #251B05 como 0% y #C0BDB7 como 100%.

0.0%	0.0% #251B04	RGB 37 27 4	#251B04
16.7%	16.7% #3E3011	RGB 62 48 17	#3E3011
33.3%	33.3% #584724	RGB 88 71 36	#584724
50.0%	50.0% #72613E	RGB 114 97 62	#72613E
66.7%	66.7% #8C7D5F	RGB 140 125 95	#8C7D5F
83.3%	83.3% #A69C87	RGB 166 156 135	#A69C87
100.0%	100.0% #C0BDB7	RGB 192 189 183	#C0BDB7

#251B04 #3E3011 #584724 #72613E #8C7D5F #A69C87 #C0BDB7

#251B05 - #72613E - #C0BDB7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #251B04 0%, #72613E 50%, #C0BDB7 100%);
    background: -webkit-linear-gradient(top, #251B04 0%, #72613E 50%, #C0BDB7 100%);
    background: linear-gradient(to bottom, #251B04 0%, #72613E 50%, #C0BDB7 100%);
}
</style>