#B5E2ED - #EFE7E8 | 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 #B5E2ED a #EFE7E8

#B5E2ED #EFE7E8

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

#B5E2ED - #EFE7E8 | 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 #B5E2ED como 0% y #EFE7E8 como 100%.

0.0%	0.0% #B5E2ED	RGB 181 226 237	#B5E2ED
16.7%	16.7% #BEE2EC	RGB 190 226 236	#BEE2EC
33.3%	33.3% #C8E3EB	RGB 200 227 235	#C8E3EB
50.0%	50.0% #D2E4EA	RGB 210 228 234	#D2E4EA
66.7%	66.7% #DBE5E9	RGB 219 229 233	#DBE5E9
83.3%	83.3% #E5E6E8	RGB 229 230 232	#E5E6E8
100.0%	100.0% #EFE7E8	RGB 239 231 232	#EFE7E8

#B5E2ED #BEE2EC #C8E3EB #D2E4EA #DBE5E9 #E5E6E8 #EFE7E8

#B5E2ED - #EFE7E8

Mezcla HSV

#B5E2ED - #EFE7E8 | 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 #B5E2ED como 0% y #EFE7E8 como 100%.

0.0%	0.0% #B5E2ED	RGB 181 226 237	#B5E2ED
16.7%	16.7% #BDCEED	RGB 189 206 237	#BDCEED
33.3%	33.3% #C9C5ED	RGB 201 197 237	#C9C5ED
50.0%	50.0% #DFCDEE	RGB 223 205 238	#DFCDEE
66.7%	66.7% #EDD6EE	RGB 237 214 238	#EDD6EE
83.3%	83.3% #EEDEE7	RGB 238 222 231	#EEDEE7
100.0%	100.0% #EFE7E8	RGB 239 231 232	#EFE7E8

#B5E2ED #BDCEED #C9C5ED #DFCDEE #EDD6EE #EEDEE7 #EFE7E8

#B5E2ED - #DFCDEE - #EFE7E8

Códigos CSS

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

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