#413F35 - #C8C8C5 | 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 #413F35 a #C8C8C5

#413F35 #C8C8C5

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

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

0.0%	0.0% #413F35	RGB 65 63 53	#413F35
16.7%	16.7% #57554D	RGB 87 85 77	#57554D
33.3%	33.3% #6E6C65	RGB 110 108 101	#6E6C65
50.0%	50.0% #84837D	RGB 132 131 125	#84837D
66.7%	66.7% #9B9A95	RGB 155 154 149	#9B9A95
83.3%	83.3% #B1B1AD	RGB 177 177 173	#B1B1AD
100.0%	100.0% #C8C8C5	RGB 200 200 197	#C8C8C5

#413F35 #57554D #6E6C65 #84837D #9B9A95 #B1B1AD #C8C8C5

#413F35 - #C8C8C5

Mezcla HSV

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

0.0%	0.0% #413F35	RGB 65 63 53	#413F35
16.7%	16.7% #575549	RGB 87 85 73	#575549
33.3%	33.3% #6E6C5F	RGB 110 108 95	#6E6C5F
50.0%	50.0% #848377	RGB 132 131 119	#848377
66.7%	66.7% #9B9A8F	RGB 155 154 143	#9B9A8F
83.3%	83.3% #B1B1A9	RGB 177 177 169	#B1B1A9
100.0%	100.0% #C8C8C5	RGB 200 200 197	#C8C8C5

#413F35 #575549 #6E6C5F #848377 #9B9A8F #B1B1A9 #C8C8C5

#413F35 - #848377 - #C8C8C5

Códigos CSS

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

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