#B5C0E7 - #EDEAE5 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #B5C0E7 to #EDEAE5

#B5C0E7 #EDEAE5

Calculate the color between two colors, #B5C0E7 and #EDEAE5. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#B5C0E7 - #EDEAE5 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #B5C0E7 as 0% and #EDEAE5 as 100%.

0.0%	0.0% #B5C0E7	RGB 181 192 231	#B5C0E7
16.7%	16.7% #BEC7E6	RGB 190 199 230	#BEC7E6
33.3%	33.3% #C7CEE6	RGB 199 206 230	#C7CEE6
50.0%	50.0% #D1D5E6	RGB 209 213 230	#D1D5E6
66.7%	66.7% #DADCE5	RGB 218 220 229	#DADCE5
83.3%	83.3% #E3E3E5	RGB 227 227 229	#E3E3E5
100.0%	100.0% #EDEAE5	RGB 237 234 229	#EDEAE5

#B5C0E7 #BEC7E6 #C7CEE6 #D1D5E6 #DADCE5 #E3E3E5 #EDEAE5

#B5C0E7 - #EDEAE5

HSV Blend

#B5C0E7 - #EDEAE5 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #B5C0E7 as 0% and #EDEAE5 as 100%.

0.0%	0.0% #B5C0E7	RGB 181 192 231	#B5C0E7
16.7%	16.7% #C7BCE8	RGB 199 188 232	#C7BCE8
33.3%	33.3% #DFC4E9	RGB 223 196 233	#DFC4E9
50.0%	50.0% #EACCE4	RGB 234 204 228	#EACCE4
66.7%	66.7% #EBD4DB	RGB 235 212 219	#EBD4DB
83.3%	83.3% #ECDFDC	RGB 236 223 220	#ECDFDC
100.0%	100.0% #EDEAE5	RGB 237 234 229	#EDEAE5

#B5C0E7 #C7BCE8 #DFC4E9 #EACCE4 #EBD4DB #ECDFDC #EDEAE5

#B5C0E7 - #EACCE4 - #EDEAE5

CSS codes

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

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