#BEDAC2 - #EAD4FF | 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 #BEDAC2 to #EAD4FF

#BEDAC2 #EAD4FF

Calculate the color between two colors, #BEDAC2 and #EAD4FF. 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)

#BEDAC2 - #EAD4FF | 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 #BEDAC2 as 0% and #EAD4FF as 100%.

0.0%	0.0% #BEDAC2	RGB 190 218 194	#BEDAC2
16.7%	16.7% #C5D9CC	RGB 197 217 204	#C5D9CC
33.3%	33.3% #CCD8D6	RGB 204 216 214	#CCD8D6
50.0%	50.0% #D4D7E0	RGB 212 215 224	#D4D7E0
66.7%	66.7% #DBD6EA	RGB 219 214 234	#DBD6EA
83.3%	83.3% #E2D5F4	RGB 226 213 244	#E2D5F4
100.0%	100.0% #EAD4FF	RGB 234 212 255	#EAD4FF

#BEDAC2 #C5D9CC #CCD8D6 #D4D7E0 #DBD6EA #E2D5F4 #EAD4FF

#BEDAC2 - #EAD4FF

HSV Blend

#BEDAC2 - #EAD4FF | 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 #BEDAC2 as 0% and #EAD4FF as 100%.

0.0%	0.0% #BEDAC2	RGB 190 218 194	#BEDAC2
16.7%	16.7% #C1E0D2	RGB 193 224 210	#C1E0D2
33.3%	33.3% #C5E6E4	RGB 197 230 228	#C5E6E4
50.0%	50.0% #C9E1EC	RGB 201 225 236	#C9E1EC
66.7%	66.7% #CCD7F2	RGB 204 215 242	#CCD7F2
83.3%	83.3% #D5D0F8	RGB 213 208 248	#D5D0F8
100.0%	100.0% #EAD4FF	RGB 234 212 255	#EAD4FF

#BEDAC2 #C1E0D2 #C5E6E4 #C9E1EC #CCD7F2 #D5D0F8 #EAD4FF

#BEDAC2 - #C9E1EC - #EAD4FF

CSS codes

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

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