#B5E2D7 - #D6E5C9 | 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 #B5E2D7 a #D6E5C9

#B5E2D7 #D6E5C9

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

#B5E2D7 - #D6E5C9 | 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 #B5E2D7 como 0% y #D6E5C9 como 100%.

0.0%	0.0% #B5E2D7	RGB 181 226 215	#B5E2D7
16.7%	16.7% #BAE2D4	RGB 186 226 212	#BAE2D4
33.3%	33.3% #C0E3D2	RGB 192 227 210	#C0E3D2
50.0%	50.0% #C5E3D0	RGB 197 227 208	#C5E3D0
66.7%	66.7% #CBE4CD	RGB 203 228 205	#CBE4CD
83.3%	83.3% #D0E4CB	RGB 208 228 203	#D0E4CB
100.0%	100.0% #D6E5C9	RGB 214 229 201	#D6E5C9

#B5E2D7 #BAE2D4 #C0E3D2 #C5E3D0 #CBE4CD #D0E4CB #D6E5C9

#B5E2D7 - #D6E5C9

Mezcla HSV

#B5E2D7 - #D6E5C9 | 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 #B5E2D7 como 0% y #D6E5C9 como 100%.

0.0%	0.0% #B5E2D7	RGB 181 226 215	#B5E2D7
16.7%	16.7% #B8E2CF	RGB 184 226 207	#B8E2CF
33.3%	33.3% #BBE3C9	RGB 187 227 201	#BBE3C9
50.0%	50.0% #BEE3C4	RGB 190 227 196	#BEE3C4
66.7%	66.7% #C4E4C2	RGB 196 228 194	#C4E4C2
83.3%	83.3% #CDE4C5	RGB 205 228 197	#CDE4C5
100.0%	100.0% #D6E5C9	RGB 214 229 201	#D6E5C9

#B5E2D7 #B8E2CF #BBE3C9 #BEE3C4 #C4E4C2 #CDE4C5 #D6E5C9

#B5E2D7 - #BEE3C4 - #D6E5C9

Códigos CSS

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

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