#E2FF3C - #A8D510 | 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 #E2FF3C a #A8D510

#E2FF3C #A8D510

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

#E2FF3C - #A8D510 | 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 #E2FF3C como 0% y #A8D510 como 100%.

0.0%	0.0% #E2FF3C	RGB 226 255 60	#E2FF3C
16.7%	16.7% #D8F834	RGB 216 248 52	#D8F834
33.3%	33.3% #CEF12D	RGB 206 241 45	#CEF12D
50.0%	50.0% #C5EA26	RGB 197 234 38	#C5EA26
66.7%	66.7% #BBE31E	RGB 187 227 30	#BBE31E
83.3%	83.3% #B1DC17	RGB 177 220 23	#B1DC17
100.0%	100.0% #A8D510	RGB 168 213 16	#A8D510

#E2FF3C #D8F834 #CEF12D #C5EA26 #BBE31E #B1DC17 #A8D510

#E2FF3C - #A8D510

Mezcla HSV

#E2FF3C - #A8D510 | 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 #E2FF3C como 0% y #A8D510 como 100%.

0.0%	0.0% #E2FF3B	RGB 226 255 59	#E2FF3B
16.7%	16.7% #D8F833	RGB 216 248 51	#D8F833
33.3%	33.3% #CEF12B	RGB 206 241 43	#CEF12B
50.0%	50.0% #C4EA24	RGB 196 234 36	#C4EA24
66.7%	66.7% #BBE31D	RGB 187 227 29	#BBE31D
83.3%	83.3% #B1DC16	RGB 177 220 22	#B1DC16
100.0%	100.0% #A8D510	RGB 168 213 16	#A8D510

#E2FF3B #D8F833 #CEF12B #C4EA24 #BBE31D #B1DC16 #A8D510

#E2FF3C - #C4EA24 - #A8D510

Códigos CSS

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

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