#F2F6EB - #B5D4A1 | 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 #F2F6EB a #B5D4A1

#F2F6EB #B5D4A1

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

#F2F6EB - #B5D4A1 | 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 #F2F6EB como 0% y #B5D4A1 como 100%.

0.0%	0.0% #F2F6EB	RGB 242 246 235	#F2F6EB
16.7%	16.7% #E7F0DE	RGB 231 240 222	#E7F0DE
33.3%	33.3% #DDEAD2	RGB 221 234 210	#DDEAD2
50.0%	50.0% #D3E5C6	RGB 211 229 198	#D3E5C6
66.7%	66.7% #C9DFB9	RGB 201 223 185	#C9DFB9
83.3%	83.3% #BFD9AD	RGB 191 217 173	#BFD9AD
100.0%	100.0% #B5D4A1	RGB 181 212 161	#B5D4A1

#F2F6EB #E7F0DE #DDEAD2 #D3E5C6 #C9DFB9 #BFD9AD #B5D4A1

#F2F6EB - #B5D4A1

Mezcla HSV

#F2F6EB - #B5D4A1 | 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 #F2F6EB como 0% y #B5D4A1 como 100%.

0.0%	0.0% #F2F6EB	RGB 242 246 235	#F2F6EB
16.7%	16.7% #E8F0DD	RGB 232 240 221	#E8F0DD
33.3%	33.3% #DFEAD0	RGB 223 234 208	#DFEAD0
50.0%	50.0% #D5E5C4	RGB 213 229 196	#D5E5C4
66.7%	66.7% #CADFB8	RGB 202 223 184	#CADFB8
83.3%	83.3% #BFD9AC	RGB 191 217 172	#BFD9AC
100.0%	100.0% #B5D4A1	RGB 181 212 161	#B5D4A1

#F2F6EB #E8F0DD #DFEAD0 #D5E5C4 #CADFB8 #BFD9AC #B5D4A1

#F2F6EB - #D5E5C4 - #B5D4A1

Códigos CSS

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

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