#1AA652 - #D0EBAC | 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 #1AA652 a #D0EBAC

#1AA652 #D0EBAC

Calcule el color entre dos colores, #1AA652 y #D0EBAC. 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)

#1AA652 - #D0EBAC | 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 #1AA652 como 0% y #D0EBAC como 100%.

0.0%	0.0% #1AA652	RGB 26 166 82	#1AA652
16.7%	16.7% #38B161	RGB 56 177 97	#38B161
33.3%	33.3% #56BD70	RGB 86 189 112	#56BD70
50.0%	50.0% #75C87F	RGB 117 200 127	#75C87F
66.7%	66.7% #93D48E	RGB 147 212 142	#93D48E
83.3%	83.3% #B1DF9D	RGB 177 223 157	#B1DF9D
100.0%	100.0% #D0EBAC	RGB 208 235 172	#D0EBAC

#1AA652 #38B161 #56BD70 #75C87F #93D48E #B1DF9D #D0EBAC

#1AA652 - #D0EBAC

Mezcla HSV

#1AA652 - #D0EBAC | 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 #1AA652 como 0% y #D0EBAC como 100%.

0.0%	0.0% #1AA652	RGB 26 166 82	#1AA652
16.7%	16.7% #2CB14C	RGB 44 177 76	#2CB14C
33.3%	33.3% #41BD4B	RGB 65 189 75	#41BD4B
50.0%	50.0% #62C859	RGB 98 200 89	#62C859
66.7%	66.7% #8AD472	RGB 138 212 114	#8AD472
83.3%	83.3% #AFDF8E	RGB 175 223 142	#AFDF8E
100.0%	100.0% #D0EBAC	RGB 208 235 172	#D0EBAC

#1AA652 #2CB14C #41BD4B #62C859 #8AD472 #AFDF8E #D0EBAC

#1AA652 - #62C859 - #D0EBAC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1AA652 0%, #62C859 50%, #D0EBAC 100%);
    background: -webkit-linear-gradient(top, #1AA652 0%, #62C859 50%, #D0EBAC 100%);
    background: linear-gradient(to bottom, #1AA652 0%, #62C859 50%, #D0EBAC 100%);
}
</style>