#A8D0AA - #539E5E | 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 #A8D0AA a #539E5E

#A8D0AA #539E5E

Calcule el color entre dos colores, #A8D0AA y #539E5E. 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)

#A8D0AA - #539E5E | 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 #A8D0AA como 0% y #539E5E como 100%.

0.0%	0.0% #A8D0AA	RGB 168 208 170	#A8D0AA
16.7%	16.7% #99C79D	RGB 153 199 157	#99C79D
33.3%	33.3% #8BBF90	RGB 139 191 144	#8BBF90
50.0%	50.0% #7DB784	RGB 125 183 132	#7DB784
66.7%	66.7% #6FAE77	RGB 111 174 119	#6FAE77
83.3%	83.3% #61A66A	RGB 97 166 106	#61A66A
100.0%	100.0% #539E5E	RGB 83 158 94	#539E5E

#A8D0AA #99C79D #8BBF90 #7DB784 #6FAE77 #61A66A #539E5E

#A8D0AA - #539E5E

Mezcla HSV

#A8D0AA - #539E5E | 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 #A8D0AA como 0% y #539E5E como 100%.

0.0%	0.0% #A8D0AA	RGB 168 208 170	#A8D0AA
16.7%	16.7% #97C79B	RGB 151 199 155	#97C79B
33.3%	33.3% #88BF8D	RGB 136 191 141	#88BF8D
50.0%	50.0% #79B77F	RGB 121 183 127	#79B77F
66.7%	66.7% #6CAE73	RGB 108 174 115	#6CAE73
83.3%	83.3% #5FA668	RGB 95 166 104	#5FA668
100.0%	100.0% #539E5E	RGB 83 158 94	#539E5E

#A8D0AA #97C79B #88BF8D #79B77F #6CAE73 #5FA668 #539E5E

#A8D0AA - #79B77F - #539E5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D0AA 0%, #79B77F 50%, #539E5E 100%);
    background: -webkit-linear-gradient(top, #A8D0AA 0%, #79B77F 50%, #539E5E 100%);
    background: linear-gradient(to bottom, #A8D0AA 0%, #79B77F 50%, #539E5E 100%);
}
</style>