#5A8D3E - #CFDEC7 | 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 #5A8D3E a #CFDEC7

#5A8D3E #CFDEC7

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

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

0.0%	0.0% #5A8D3E	RGB 90 141 62	#5A8D3E
16.7%	16.7% #6D9A54	RGB 109 154 84	#6D9A54
33.3%	33.3% #81A86B	RGB 129 168 107	#81A86B
50.0%	50.0% #94B582	RGB 148 181 130	#94B582
66.7%	66.7% #A8C399	RGB 168 195 153	#A8C399
83.3%	83.3% #BBD0B0	RGB 187 208 176	#BBD0B0
100.0%	100.0% #CFDEC7	RGB 207 222 199	#CFDEC7

#5A8D3E #6D9A54 #81A86B #94B582 #A8C399 #BBD0B0 #CFDEC7

#5A8D3E - #CFDEC7

Mezcla HSV

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

0.0%	0.0% #598D3E	RGB 89 141 62	#598D3E
16.7%	16.7% #6A9A4F	RGB 106 154 79	#6A9A4F
33.3%	33.3% #7BA863	RGB 123 168 99	#7BA863
50.0%	50.0% #8EB579	RGB 142 181 121	#8EB579
66.7%	66.7% #A2C391	RGB 162 195 145	#A2C391
83.3%	83.3% #B8D0AB	RGB 184 208 171	#B8D0AB
100.0%	100.0% #CFDEC7	RGB 207 222 199	#CFDEC7

#598D3E #6A9A4F #7BA863 #8EB579 #A2C391 #B8D0AB #CFDEC7

#5A8D3E - #8EB579 - #CFDEC7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #598D3E 0%, #8EB579 50%, #CFDEC7 100%);
    background: -webkit-linear-gradient(top, #598D3E 0%, #8EB579 50%, #CFDEC7 100%);
    background: linear-gradient(to bottom, #598D3E 0%, #8EB579 50%, #CFDEC7 100%);
}
</style>