#DDB5E2 - #FEE3E5 | 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 #DDB5E2 to #FEE3E5

#DDB5E2 #FEE3E5

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

#DDB5E2 - #FEE3E5 | 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 #DDB5E2 as 0% and #FEE3E5 as 100%.

0.0%	0.0% #DDB5E2	RGB 221 181 226	#DDB5E2
16.7%	16.7% #E2BCE2	RGB 226 188 226	#E2BCE2
33.3%	33.3% #E8C4E3	RGB 232 196 227	#E8C4E3
50.0%	50.0% #EDCCE3	RGB 237 204 227	#EDCCE3
66.7%	66.7% #F3D3E4	RGB 243 211 228	#F3D3E4
83.3%	83.3% #F8DBE4	RGB 248 219 228	#F8DBE4
100.0%	100.0% #FEE3E5	RGB 254 227 229	#FEE3E5

#DDB5E2 #E2BCE2 #E8C4E3 #EDCCE3 #F3D3E4 #F8DBE4 #FEE3E5

#DDB5E2 - #FEE3E5

HSV Blend

#DDB5E2 - #FEE3E5 | 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 #DDB5E2 as 0% and #FEE3E5 as 100%.

0.0%	0.0% #DDB5E2	RGB 221 181 226	#DDB5E2
16.7%	16.7% #E6BCE4	RGB 230 188 228	#E6BCE4
33.3%	33.3% #EBC3E2	RGB 235 195 226	#EBC3E2
50.0%	50.0% #F0CBE1	RGB 240 203 225	#F0CBE1
66.7%	66.7% #F4D3E1	RGB 244 211 225	#F4D3E1
83.3%	83.3% #F9DAE2	RGB 249 218 226	#F9DAE2
100.0%	100.0% #FEE3E5	RGB 254 227 229	#FEE3E5

#DDB5E2 #E6BCE4 #EBC3E2 #F0CBE1 #F4D3E1 #F9DAE2 #FEE3E5

#DDB5E2 - #F0CBE1 - #FEE3E5

CSS codes

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

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