#5E9C5E - #F1DB7D | 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 #5E9C5E a #F1DB7D

#5E9C5E #F1DB7D

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

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

0.0%	0.0% #5E9C5E	RGB 94 156 94	#5E9C5E
16.7%	16.7% #76A663	RGB 118 166 99	#76A663
33.3%	33.3% #8FB168	RGB 143 177 104	#8FB168
50.0%	50.0% #A7BB6D	RGB 167 187 109	#A7BB6D
66.7%	66.7% #C0C672	RGB 192 198 114	#C0C672
83.3%	83.3% #D8D077	RGB 216 208 119	#D8D077
100.0%	100.0% #F1DB7D	RGB 241 219 125	#F1DB7D

#5E9C5E #76A663 #8FB168 #A7BB6D #C0C672 #D8D077 #F1DB7D

#5E9C5E - #F1DB7D

Mezcla HSV

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

0.0%	0.0% #5E9C5E	RGB 94 156 94	#5E9C5E
16.7%	16.7% #72AA64	RGB 114 170 100	#72AA64
33.3%	33.3% #89B869	RGB 137 184 105	#89B869
50.0%	50.0% #A3C66F	RGB 163 198 111	#A3C66F
66.7%	66.7% #C0D474	RGB 192 212 116	#C0D474
83.3%	83.3% #E1E278	RGB 225 226 120	#E1E278
100.0%	100.0% #F1DB7D	RGB 241 219 125	#F1DB7D

#5E9C5E #72AA64 #89B869 #A3C66F #C0D474 #E1E278 #F1DB7D

#5E9C5E - #A3C66F - #F1DB7D

Códigos CSS

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

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