#5E4D50 - #C076A8 | 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 #5E4D50 a #C076A8

#5E4D50 #C076A8

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

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

0.0%	0.0% #5E4D50	RGB 94 77 80	#5E4D50
16.7%	16.7% #6E535E	RGB 110 83 94	#6E535E
33.3%	33.3% #7E5A6D	RGB 126 90 109	#7E5A6D
50.0%	50.0% #8F617C	RGB 143 97 124	#8F617C
66.7%	66.7% #9F688A	RGB 159 104 138	#9F688A
83.3%	83.3% #AF6F99	RGB 175 111 153	#AF6F99
100.0%	100.0% #C076A8	RGB 192 118 168	#C076A8

#5E4D50 #6E535E #7E5A6D #8F617C #9F688A #AF6F99 #C076A8

#5E4D50 - #C076A8

Mezcla HSV

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

0.0%	0.0% #5E4D50	RGB 94 77 80	#5E4D50
16.7%	16.7% #6E565C	RGB 110 86 92	#6E565C
33.3%	33.3% #7E5F69	RGB 126 95 105	#7E5F69
50.0%	50.0% #8F6677	RGB 143 102 119	#8F6677
66.7%	66.7% #9F6C86	RGB 159 108 134	#9F6C86
83.3%	83.3% #AF7196	RGB 175 113 150	#AF7196
100.0%	100.0% #C076A8	RGB 192 118 168	#C076A8

#5E4D50 #6E565C #7E5F69 #8F6677 #9F6C86 #AF7196 #C076A8

#5E4D50 - #8F6677 - #C076A8

Códigos CSS

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

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