#AFCFAC - #5DAB58 | 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 #AFCFAC a #5DAB58

#AFCFAC #5DAB58

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

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

0.0%	0.0% #AFCFAC	RGB 175 207 172	#AFCFAC
16.7%	16.7% #A1C99E	RGB 161 201 158	#A1C99E
33.3%	33.3% #93C390	RGB 147 195 144	#93C390
50.0%	50.0% #86BD82	RGB 134 189 130	#86BD82
66.7%	66.7% #78B774	RGB 120 183 116	#78B774
83.3%	83.3% #6AB166	RGB 106 177 102	#6AB166
100.0%	100.0% #5DAB58	RGB 93 171 88	#5DAB58

#AFCFAC #A1C99E #93C390 #86BD82 #78B774 #6AB166 #5DAB58

#AFCFAC - #5DAB58

Mezcla HSV

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

0.0%	0.0% #AFCFAC	RGB 175 207 172	#AFCFAC
16.7%	16.7% #A0C99C	RGB 160 201 156	#A0C99C
33.3%	33.3% #91C38D	RGB 145 195 141	#91C38D
50.0%	50.0% #83BD7F	RGB 131 189 127	#83BD7F
66.7%	66.7% #76B771	RGB 118 183 113	#76B771
83.3%	83.3% #69B164	RGB 105 177 100	#69B164
100.0%	100.0% #5DAB58	RGB 93 171 88	#5DAB58

#AFCFAC #A0C99C #91C38D #83BD7F #76B771 #69B164 #5DAB58

#AFCFAC - #83BD7F - #5DAB58

Códigos CSS

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

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