#BCDF5E - #EBF5D1 | 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 #BCDF5E a #EBF5D1

#BCDF5E #EBF5D1

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

#BCDF5E - #EBF5D1 | 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 #BCDF5E como 0% y #EBF5D1 como 100%.

0.0%	0.0% #BCDF5E	RGB 188 223 94	#BCDF5E
16.7%	16.7% #C3E271	RGB 195 226 113	#C3E271
33.3%	33.3% #CBE684	RGB 203 230 132	#CBE684
50.0%	50.0% #D3EA97	RGB 211 234 151	#D3EA97
66.7%	66.7% #DBEDAA	RGB 219 237 170	#DBEDAA
83.3%	83.3% #E3F1BD	RGB 227 241 189	#E3F1BD
100.0%	100.0% #EBF5D1	RGB 235 245 209	#EBF5D1

#BCDF5E #C3E271 #CBE684 #D3EA97 #DBEDAA #E3F1BD #EBF5D1

#BCDF5E - #EBF5D1

Mezcla HSV

#BCDF5E - #EBF5D1 | 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 #BCDF5E como 0% y #EBF5D1 como 100%.

0.0%	0.0% #BCDF5E	RGB 188 223 94	#BCDF5E
16.7%	16.7% #C3E26F	RGB 195 226 111	#C3E26F
33.3%	33.3% #CAE682	RGB 202 230 130	#CAE682
50.0%	50.0% #D2EA95	RGB 210 234 149	#D2EA95
66.7%	66.7% #DAEDA8	RGB 218 237 168	#DAEDA8
83.3%	83.3% #E2F1BC	RGB 226 241 188	#E2F1BC
100.0%	100.0% #EBF5D1	RGB 235 245 209	#EBF5D1

#BCDF5E #C3E26F #CAE682 #D2EA95 #DAEDA8 #E2F1BC #EBF5D1

#BCDF5E - #D2EA95 - #EBF5D1

Códigos CSS

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

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