#413F3B - #C8C8C7 | 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 #413F3B a #C8C8C7

#413F3B #C8C8C7

Calcule el color entre dos colores, #413F3B y #C8C8C7. 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)

#413F3B - #C8C8C7 | 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 #413F3B como 0% y #C8C8C7 como 100%.

0.0%	0.0% #413F3B	RGB 65 63 59	#413F3B
16.7%	16.7% #575552	RGB 87 85 82	#575552
33.3%	33.3% #6E6C69	RGB 110 108 105	#6E6C69
50.0%	50.0% #848381	RGB 132 131 129	#848381
66.7%	66.7% #9B9A98	RGB 155 154 152	#9B9A98
83.3%	83.3% #B1B1AF	RGB 177 177 175	#B1B1AF
100.0%	100.0% #C8C8C7	RGB 200 200 199	#C8C8C7

#413F3B #575552 #6E6C69 #848381 #9B9A98 #B1B1AF #C8C8C7

#413F3B - #C8C8C7

Mezcla HSV

#413F3B - #C8C8C7 | 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 #413F3B como 0% y #C8C8C7 como 100%.

0.0%	0.0% #413F3B	RGB 65 63 59	#413F3B
16.7%	16.7% #575550	RGB 87 85 80	#575550
33.3%	33.3% #6E6C67	RGB 110 108 103	#6E6C67
50.0%	50.0% #84837E	RGB 132 131 126	#84837E
66.7%	66.7% #9B9A95	RGB 155 154 149	#9B9A95
83.3%	83.3% #B1B1AE	RGB 177 177 174	#B1B1AE
100.0%	100.0% #C8C8C7	RGB 200 200 199	#C8C8C7

#413F3B #575550 #6E6C67 #84837E #9B9A95 #B1B1AE #C8C8C7

#413F3B - #84837E - #C8C8C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #413F3B 0%, #84837E 50%, #C8C8C7 100%);
    background: -webkit-linear-gradient(top, #413F3B 0%, #84837E 50%, #C8C8C7 100%);
    background: linear-gradient(to bottom, #413F3B 0%, #84837E 50%, #C8C8C7 100%);
}
</style>