#B4DF9F - #E9F5E3 | 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 #B4DF9F a #E9F5E3

#B4DF9F #E9F5E3

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

#B4DF9F - #E9F5E3 | 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 #B4DF9F como 0% y #E9F5E3 como 100%.

0.0%	0.0% #B4DF9F	RGB 180 223 159	#B4DF9F
16.7%	16.7% #BCE2AA	RGB 188 226 170	#BCE2AA
33.3%	33.3% #C5E6B5	RGB 197 230 181	#C5E6B5
50.0%	50.0% #CEEAC1	RGB 206 234 193	#CEEAC1
66.7%	66.7% #D7EDCC	RGB 215 237 204	#D7EDCC
83.3%	83.3% #E0F1D7	RGB 224 241 215	#E0F1D7
100.0%	100.0% #E9F5E3	RGB 233 245 227	#E9F5E3

#B4DF9F #BCE2AA #C5E6B5 #CEEAC1 #D7EDCC #E0F1D7 #E9F5E3

#B4DF9F - #E9F5E3

Mezcla HSV

#B4DF9F - #E9F5E3 | 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 #B4DF9F como 0% y #E9F5E3 como 100%.

0.0%	0.0% #B4DF9F	RGB 180 223 159	#B4DF9F
16.7%	16.7% #BCE2A9	RGB 188 226 169	#BCE2A9
33.3%	33.3% #C5E6B4	RGB 197 230 180	#C5E6B4
50.0%	50.0% #CDEABF	RGB 205 234 191	#CDEABF
66.7%	66.7% #D6EDCB	RGB 214 237 203	#D6EDCB
83.3%	83.3% #DFF1D7	RGB 223 241 215	#DFF1D7
100.0%	100.0% #E9F5E3	RGB 233 245 227	#E9F5E3

#B4DF9F #BCE2A9 #C5E6B4 #CDEABF #D6EDCB #DFF1D7 #E9F5E3

#B4DF9F - #CDEABF - #E9F5E3

Códigos CSS

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

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