#A5C92D - #E5EFC3 | 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 #A5C92D a #E5EFC3

#A5C92D #E5EFC3

Calcule el color entre dos colores, #A5C92D y #E5EFC3. 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)

#A5C92D - #E5EFC3 | 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 #A5C92D como 0% y #E5EFC3 como 100%.

0.0%	0.0% #A5C92D	RGB 165 201 45	#A5C92D
16.7%	16.7% #AFCF46	RGB 175 207 70	#AFCF46
33.3%	33.3% #BAD55F	RGB 186 213 95	#BAD55F
50.0%	50.0% #C5DC78	RGB 197 220 120	#C5DC78
66.7%	66.7% #CFE291	RGB 207 226 145	#CFE291
83.3%	83.3% #DAE8AA	RGB 218 232 170	#DAE8AA
100.0%	100.0% #E5EFC3	RGB 229 239 195	#E5EFC3

#A5C92D #AFCF46 #BAD55F #C5DC78 #CFE291 #DAE8AA #E5EFC3

#A5C92D - #E5EFC3

Mezcla HSV

#A5C92D - #E5EFC3 | 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 #A5C92D como 0% y #E5EFC3 como 100%.

0.0%	0.0% #A5C92D	RGB 165 201 45	#A5C92D
16.7%	16.7% #AFCF42	RGB 175 207 66	#AFCF42
33.3%	33.3% #B9D55A	RGB 185 213 90	#B9D55A
50.0%	50.0% #C3DC72	RGB 195 220 114	#C3DC72
66.7%	66.7% #CEE28C	RGB 206 226 140	#CEE28C
83.3%	83.3% #D9E8A6	RGB 217 232 166	#D9E8A6
100.0%	100.0% #E5EFC3	RGB 229 239 195	#E5EFC3

#A5C92D #AFCF42 #B9D55A #C3DC72 #CEE28C #D9E8A6 #E5EFC3

#A5C92D - #C3DC72 - #E5EFC3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A5C92D 0%, #C3DC72 50%, #E5EFC3 100%);
    background: -webkit-linear-gradient(top, #A5C92D 0%, #C3DC72 50%, #E5EFC3 100%);
    background: linear-gradient(to bottom, #A5C92D 0%, #C3DC72 50%, #E5EFC3 100%);
}
</style>