#5E8D5E - #82EFAF | 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 #5E8D5E a #82EFAF

#5E8D5E #82EFAF

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

#5E8D5E - #82EFAF | 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 #5E8D5E como 0% y #82EFAF como 100%.

0.0%	0.0% #5E8D5E	RGB 94 141 94	#5E8D5E
16.7%	16.7% #649D6B	RGB 100 157 107	#649D6B
33.3%	33.3% #6AAD79	RGB 106 173 121	#6AAD79
50.0%	50.0% #70BE86	RGB 112 190 134	#70BE86
66.7%	66.7% #76CE94	RGB 118 206 148	#76CE94
83.3%	83.3% #7CDEA1	RGB 124 222 161	#7CDEA1
100.0%	100.0% #82EFAF	RGB 130 239 175	#82EFAF

#5E8D5E #649D6B #6AAD79 #70BE86 #76CE94 #7CDEA1 #82EFAF

#5E8D5E - #82EFAF

Mezcla HSV

#5E8D5E - #82EFAF | 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 #5E8D5E como 0% y #82EFAF como 100%.

0.0%	0.0% #5E8D5E	RGB 94 141 94	#5E8D5E
16.7%	16.7% #659D69	RGB 101 157 105	#659D69
33.3%	33.3% #6CAD75	RGB 108 173 117	#6CAD75
50.0%	50.0% #73BE82	RGB 115 190 130	#73BE82
66.7%	66.7% #78CE90	RGB 120 206 144	#78CE90
83.3%	83.3% #7DDE9F	RGB 125 222 159	#7DDE9F
100.0%	100.0% #82EFAF	RGB 130 239 175	#82EFAF

#5E8D5E #659D69 #6CAD75 #73BE82 #78CE90 #7DDE9F #82EFAF

#5E8D5E - #73BE82 - #82EFAF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8D5E 0%, #73BE82 50%, #82EFAF 100%);
    background: -webkit-linear-gradient(top, #5E8D5E 0%, #73BE82 50%, #82EFAF 100%);
    background: linear-gradient(to bottom, #5E8D5E 0%, #73BE82 50%, #82EFAF 100%);
}
</style>