#B2DDA2 - #E8F5E4 | 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 #B2DDA2 a #E8F5E4

#B2DDA2 #E8F5E4

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

#B2DDA2 - #E8F5E4 | 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 #B2DDA2 como 0% y #E8F5E4 como 100%.

0.0%	0.0% #B2DDA2	RGB 178 221 162	#B2DDA2
16.7%	16.7% #BBE1AD	RGB 187 225 173	#BBE1AD
33.3%	33.3% #C4E5B8	RGB 196 229 184	#C4E5B8
50.0%	50.0% #CDE9C3	RGB 205 233 195	#CDE9C3
66.7%	66.7% #D6EDCE	RGB 214 237 206	#D6EDCE
83.3%	83.3% #DFF1D9	RGB 223 241 217	#DFF1D9
100.0%	100.0% #E8F5E4	RGB 232 245 228	#E8F5E4

#B2DDA2 #BBE1AD #C4E5B8 #CDE9C3 #D6EDCE #DFF1D9 #E8F5E4

#B2DDA2 - #E8F5E4

Mezcla HSV

#B2DDA2 - #E8F5E4 | 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 #B2DDA2 como 0% y #E8F5E4 como 100%.

0.0%	0.0% #B2DDA2	RGB 178 221 162	#B2DDA2
16.7%	16.7% #BAE1AC	RGB 186 225 172	#BAE1AC
33.3%	33.3% #C2E5B6	RGB 194 229 182	#C2E5B6
50.0%	50.0% #CBE9C1	RGB 203 233 193	#CBE9C1
66.7%	66.7% #D4EDCC	RGB 212 237 204	#D4EDCC
83.3%	83.3% #DEF1D8	RGB 222 241 216	#DEF1D8
100.0%	100.0% #E8F5E4	RGB 232 245 228	#E8F5E4

#B2DDA2 #BAE1AC #C2E5B6 #CBE9C1 #D4EDCC #DEF1D8 #E8F5E4

#B2DDA2 - #CBE9C1 - #E8F5E4

Códigos CSS

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

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