#5E5655 - #BF7E8D | 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 #5E5655 a #BF7E8D

#5E5655 #BF7E8D

Calcule el color entre dos colores, #5E5655 y #BF7E8D. 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)

#5E5655 - #BF7E8D | 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 #5E5655 como 0% y #BF7E8D como 100%.

0.0%	0.0% #5E5655	RGB 94 86 85	#5E5655
16.7%	16.7% #6E5C5E	RGB 110 92 94	#6E5C5E
33.3%	33.3% #7E6367	RGB 126 99 103	#7E6367
50.0%	50.0% #8E6A71	RGB 142 106 113	#8E6A71
66.7%	66.7% #9E707A	RGB 158 112 122	#9E707A
83.3%	83.3% #AE7783	RGB 174 119 131	#AE7783
100.0%	100.0% #BF7E8D	RGB 191 126 141	#BF7E8D

#5E5655 #6E5C5E #7E6367 #8E6A71 #9E707A #AE7783 #BF7E8D

#5E5655 - #BF7E8D

Mezcla HSV

#5E5655 - #BF7E8D | 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 #5E5655 como 0% y #BF7E8D como 100%.

0.0%	0.0% #5E5655	RGB 94 86 85	#5E5655
16.7%	16.7% #6E5F5F	RGB 110 95 95	#6E5F5F
33.3%	33.3% #7E6768	RGB 126 103 104	#7E6768
50.0%	50.0% #8E6F71	RGB 142 111 113	#8E6F71
66.7%	66.7% #9E757A	RGB 158 117 122	#9E757A
83.3%	83.3% #AE7A83	RGB 174 122 131	#AE7A83
100.0%	100.0% #BF7E8D	RGB 191 126 141	#BF7E8D

#5E5655 #6E5F5F #7E6768 #8E6F71 #9E757A #AE7A83 #BF7E8D

#5E5655 - #8E6F71 - #BF7E8D

Códigos CSS

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

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