#5E6C5E - #9D88B5 | 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 #5E6C5E a #9D88B5

#5E6C5E #9D88B5

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

#5E6C5E - #9D88B5 | 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 #5E6C5E como 0% y #9D88B5 como 100%.

0.0%	0.0% #5E6C5E	RGB 94 108 94	#5E6C5E
16.7%	16.7% #68706C	RGB 104 112 108	#68706C
33.3%	33.3% #73757B	RGB 115 117 123	#73757B
50.0%	50.0% #7D7A89	RGB 125 122 137	#7D7A89
66.7%	66.7% #887E98	RGB 136 126 152	#887E98
83.3%	83.3% #9283A6	RGB 146 131 166	#9283A6
100.0%	100.0% #9D88B5	RGB 157 136 181	#9D88B5

#5E6C5E #68706C #73757B #7D7A89 #887E98 #9283A6 #9D88B5

#5E6C5E - #9D88B5

Mezcla HSV

#5E6C5E - #9D88B5 | 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 #5E6C5E como 0% y #9D88B5 como 100%.

0.0%	0.0% #5E6C5E	RGB 94 108 94	#5E6C5E
16.7%	16.7% #66786D	RGB 102 120 109	#66786D
33.3%	33.3% #6D8480	RGB 109 132 128	#6D8480
50.0%	50.0% #758A90	RGB 117 138 144	#758A90
66.7%	66.7% #7B879C	RGB 123 135 156	#7B879C
83.3%	83.3% #8482A8	RGB 132 130 168	#8482A8
100.0%	100.0% #9D88B5	RGB 157 136 181	#9D88B5

#5E6C5E #66786D #6D8480 #758A90 #7B879C #8482A8 #9D88B5

#5E6C5E - #758A90 - #9D88B5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6C5E 0%, #758A90 50%, #9D88B5 100%);
    background: -webkit-linear-gradient(top, #5E6C5E 0%, #758A90 50%, #9D88B5 100%);
    background: linear-gradient(to bottom, #5E6C5E 0%, #758A90 50%, #9D88B5 100%);
}
</style>