#DEC7DC - #BA6798 | 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 #DEC7DC to #BA6798

#DEC7DC #BA6798

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

#DEC7DC - #BA6798 | 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 #DEC7DC as 0% and #BA6798 as 100%.

0.0%	0.0% #DEC7DC	RGB 222 199 220	#DEC7DC
16.7%	16.7% #D8B7D0	RGB 216 183 208	#D8B7D0
33.3%	33.3% #D2A7C5	RGB 210 167 197	#D2A7C5
50.0%	50.0% #CC97BA	RGB 204 151 186	#CC97BA
66.7%	66.7% #C687AE	RGB 198 135 174	#C687AE
83.3%	83.3% #C077A3	RGB 192 119 163	#C077A3
100.0%	100.0% #BA6798	RGB 186 103 152	#BA6798

#DEC7DC #D8B7D0 #D2A7C5 #CC97BA #C687AE #C077A3 #BA6798

#DEC7DC - #BA6798

HSV Blend

#DEC7DC - #BA6798 | 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 #DEC7DC as 0% and #BA6798 as 100%.

0.0%	0.0% #DEC7DC	RGB 222 199 220	#DEC7DC
16.7%	16.7% #D8B5D3	RGB 216 181 211	#D8B5D3
33.3%	33.3% #D2A4C9	RGB 210 164 201	#D2A4C9
50.0%	50.0% #CC93BE	RGB 204 147 190	#CC93BE
66.7%	66.7% #C684B2	RGB 198 132 178	#C684B2
83.3%	83.3% #C075A5	RGB 192 117 165	#C075A5
100.0%	100.0% #BA6798	RGB 186 103 152	#BA6798

#DEC7DC #D8B5D3 #D2A4C9 #CC93BE #C684B2 #C075A5 #BA6798

#DEC7DC - #CC93BE - #BA6798

CSS codes

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

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