#B5E2D6 - #D6E5C8 | 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 #B5E2D6 a #D6E5C8

#B5E2D6 #D6E5C8

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

#B5E2D6 - #D6E5C8 | 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 #B5E2D6 como 0% y #D6E5C8 como 100%.

0.0%	0.0% #B5E2D6	RGB 181 226 214	#B5E2D6
16.7%	16.7% #BAE2D3	RGB 186 226 211	#BAE2D3
33.3%	33.3% #C0E3D1	RGB 192 227 209	#C0E3D1
50.0%	50.0% #C5E3CF	RGB 197 227 207	#C5E3CF
66.7%	66.7% #CBE4CC	RGB 203 228 204	#CBE4CC
83.3%	83.3% #D0E4CA	RGB 208 228 202	#D0E4CA
100.0%	100.0% #D6E5C8	RGB 214 229 200	#D6E5C8

#B5E2D6 #BAE2D3 #C0E3D1 #C5E3CF #CBE4CC #D0E4CA #D6E5C8

#B5E2D6 - #D6E5C8

Mezcla HSV

#B5E2D6 - #D6E5C8 | 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 #B5E2D6 como 0% y #D6E5C8 como 100%.

0.0%	0.0% #B5E2D6	RGB 181 226 214	#B5E2D6
16.7%	16.7% #B8E2CE	RGB 184 226 206	#B8E2CE
33.3%	33.3% #BBE3C8	RGB 187 227 200	#BBE3C8
50.0%	50.0% #BEE3C3	RGB 190 227 195	#BEE3C3
66.7%	66.7% #C4E4C1	RGB 196 228 193	#C4E4C1
83.3%	83.3% #CDE4C4	RGB 205 228 196	#CDE4C4
100.0%	100.0% #D6E5C8	RGB 214 229 200	#D6E5C8

#B5E2D6 #B8E2CE #BBE3C8 #BEE3C3 #C4E4C1 #CDE4C4 #D6E5C8

#B5E2D6 - #BEE3C3 - #D6E5C8

Códigos CSS

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

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