#DFBCDA - #B95795 | 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 #DFBCDA to #B95795

#DFBCDA #B95795

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

#DFBCDA - #B95795 | 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 #DFBCDA as 0% and #B95795 as 100%.

0.0%	0.0% #DFBCDA	RGB 223 188 218	#DFBCDA
16.7%	16.7% #D8ABCE	RGB 216 171 206	#D8ABCE
33.3%	33.3% #D29AC3	RGB 210 154 195	#D29AC3
50.0%	50.0% #CC89B7	RGB 204 137 183	#CC89B7
66.7%	66.7% #C578AC	RGB 197 120 172	#C578AC
83.3%	83.3% #BF67A0	RGB 191 103 160	#BF67A0
100.0%	100.0% #B95795	RGB 185 87 149	#B95795

#DFBCDA #D8ABCE #D29AC3 #CC89B7 #C578AC #BF67A0 #B95795

#DFBCDA - #B95795

HSV Blend

#DFBCDA - #B95795 | 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 #DFBCDA as 0% and #B95795 as 100%.

0.0%	0.0% #DFBCDA	RGB 223 188 218	#DFBCDA
16.7%	16.7% #D8A9D0	RGB 216 169 208	#D8A9D0
33.3%	33.3% #D297C5	RGB 210 151 197	#D297C5
50.0%	50.0% #CC85BA	RGB 204 133 186	#CC85BA
66.7%	66.7% #C575AE	RGB 197 117 174	#C575AE
83.3%	83.3% #BF65A1	RGB 191 101 161	#BF65A1
100.0%	100.0% #B95795	RGB 185 87 149	#B95795

#DFBCDA #D8A9D0 #D297C5 #CC85BA #C575AE #BF65A1 #B95795

#DFBCDA - #CC85BA - #B95795

CSS codes

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

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