#5E665E - #A8DD7B | 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 #5E665E a #A8DD7B

#5E665E #A8DD7B

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

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

0.0%	0.0% #5E665E	RGB 94 102 94	#5E665E
16.7%	16.7% #6A7962	RGB 106 121 98	#6A7962
33.3%	33.3% #768D67	RGB 118 141 103	#768D67
50.0%	50.0% #83A16C	RGB 131 161 108	#83A16C
66.7%	66.7% #8FB571	RGB 143 181 113	#8FB571
83.3%	83.3% #9BC976	RGB 155 201 118	#9BC976
100.0%	100.0% #A8DD7B	RGB 168 221 123	#A8DD7B

#5E665E #6A7962 #768D67 #83A16C #8FB571 #9BC976 #A8DD7B

#5E665E - #A8DD7B

Mezcla HSV

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

0.0%	0.0% #5E665E	RGB 94 102 94	#5E665E
16.7%	16.7% #6A7968	RGB 106 121 104	#6A7968
33.3%	33.3% #758D71	RGB 117 141 113	#758D71
50.0%	50.0% #81A177	RGB 129 161 119	#81A177
66.7%	66.7% #8CB57A	RGB 140 181 122	#8CB57A
83.3%	83.3% #99C97C	RGB 153 201 124	#99C97C
100.0%	100.0% #A8DD7B	RGB 168 221 123	#A8DD7B

#5E665E #6A7968 #758D71 #81A177 #8CB57A #99C97C #A8DD7B

#5E665E - #81A177 - #A8DD7B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E665E 0%, #81A177 50%, #A8DD7B 100%);
    background: -webkit-linear-gradient(top, #5E665E 0%, #81A177 50%, #A8DD7B 100%);
    background: linear-gradient(to bottom, #5E665E 0%, #81A177 50%, #A8DD7B 100%);
}
</style>