#99CB32 - #E1F0C4 | 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 #99CB32 a #E1F0C4

#99CB32 #E1F0C4

Calcule el color entre dos colores, #99CB32 y #E1F0C4. 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)

#99CB32 - #E1F0C4 | 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 #99CB32 como 0% y #E1F0C4 como 100%.

0.0%	0.0% #99CB32	RGB 153 203 50	#99CB32
16.7%	16.7% #A5D14A	RGB 165 209 74	#A5D14A
33.3%	33.3% #B1D762	RGB 177 215 98	#B1D762
50.0%	50.0% #BDDD7B	RGB 189 221 123	#BDDD7B
66.7%	66.7% #C9E393	RGB 201 227 147	#C9E393
83.3%	83.3% #D5E9AB	RGB 213 233 171	#D5E9AB
100.0%	100.0% #E1F0C4	RGB 225 240 196	#E1F0C4

#99CB32 #A5D14A #B1D762 #BDDD7B #C9E393 #D5E9AB #E1F0C4

#99CB32 - #E1F0C4

Mezcla HSV

#99CB32 - #E1F0C4 | 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 #99CB32 como 0% y #E1F0C4 como 100%.

0.0%	0.0% #99CB32	RGB 153 203 50	#99CB32
16.7%	16.7% #A3D147	RGB 163 209 71	#A3D147
33.3%	33.3% #AFD75D	RGB 175 215 93	#AFD75D
50.0%	50.0% #BADD75	RGB 186 221 117	#BADD75
66.7%	66.7% #C7E38E	RGB 199 227 142	#C7E38E
83.3%	83.3% #D3E9A8	RGB 211 233 168	#D3E9A8
100.0%	100.0% #E1F0C4	RGB 225 240 196	#E1F0C4

#99CB32 #A3D147 #AFD75D #BADD75 #C7E38E #D3E9A8 #E1F0C4

#99CB32 - #BADD75 - #E1F0C4

Códigos CSS

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

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