#B5E381 - #E9F7DB | 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 #B5E381 a #E9F7DB

#B5E381 #E9F7DB

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

#B5E381 - #E9F7DB | 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 #B5E381 como 0% y #E9F7DB como 100%.

0.0%	0.0% #B5E381	RGB 181 227 129	#B5E381
16.7%	16.7% #BDE690	RGB 189 230 144	#BDE690
33.3%	33.3% #C6E99F	RGB 198 233 159	#C6E99F
50.0%	50.0% #CFEDAE	RGB 207 237 174	#CFEDAE
66.7%	66.7% #D7F0BD	RGB 215 240 189	#D7F0BD
83.3%	83.3% #E0F3CC	RGB 224 243 204	#E0F3CC
100.0%	100.0% #E9F7DB	RGB 233 247 219	#E9F7DB

#B5E381 #BDE690 #C6E99F #CFEDAE #D7F0BD #E0F3CC #E9F7DB

#B5E381 - #E9F7DB

Mezcla HSV

#B5E381 - #E9F7DB | 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 #B5E381 como 0% y #E9F7DB como 100%.

0.0%	0.0% #B5E381	RGB 181 227 129	#B5E381
16.7%	16.7% #BCE68F	RGB 188 230 143	#BCE68F
33.3%	33.3% #C5E99D	RGB 197 233 157	#C5E99D
50.0%	50.0% #CDEDAC	RGB 205 237 172	#CDEDAC
66.7%	66.7% #D6F0BB	RGB 214 240 187	#D6F0BB
83.3%	83.3% #DFF3CB	RGB 223 243 203	#DFF3CB
100.0%	100.0% #E9F7DB	RGB 233 247 219	#E9F7DB

#B5E381 #BCE68F #C5E99D #CDEDAC #D6F0BB #DFF3CB #E9F7DB

#B5E381 - #CDEDAC - #E9F7DB

Códigos CSS

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

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