#DBBAEC - #FFEDE2 | 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 #DBBAEC to #FFEDE2

#DBBAEC #FFEDE2

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

#DBBAEC - #FFEDE2 | 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 #DBBAEC as 0% and #FFEDE2 as 100%.

0.0%	0.0% #DBBAEC	RGB 219 186 236	#DBBAEC
16.7%	16.7% #E1C2EA	RGB 225 194 234	#E1C2EA
33.3%	33.3% #E7CBE8	RGB 231 203 232	#E7CBE8
50.0%	50.0% #EDD3E7	RGB 237 211 231	#EDD3E7
66.7%	66.7% #F3DCE5	RGB 243 220 229	#F3DCE5
83.3%	83.3% #F9E4E3	RGB 249 228 227	#F9E4E3
100.0%	100.0% #FFEDE2	RGB 255 237 226	#FFEDE2

#DBBAEC #E1C2EA #E7CBE8 #EDD3E7 #F3DCE5 #F9E4E3 #FFEDE2

#DBBAEC - #FFEDE2

HSV Blend

#DBBAEC - #FFEDE2 | 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 #DBBAEC as 0% and #FFEDE2 as 100%.

0.0%	0.0% #DBBAEC	RGB 219 186 236	#DBBAEC
16.7%	16.7% #ECC0EF	RGB 236 192 239	#ECC0EF
33.3%	33.3% #F2C6E8	RGB 242 198 232	#F2C6E8
50.0%	50.0% #F5CDE0	RGB 245 205 224	#F5CDE0
66.7%	66.7% #F8D4DB	RGB 248 212 219	#F8D4DB
83.3%	83.3% #FBDEDB	RGB 251 222 219	#FBDEDB
100.0%	100.0% #FFEDE2	RGB 255 237 226	#FFEDE2

#DBBAEC #ECC0EF #F2C6E8 #F5CDE0 #F8D4DB #FBDEDB #FFEDE2

#DBBAEC - #F5CDE0 - #FFEDE2

CSS codes

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

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