#B574C2 - #CDD9D1 | 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 #B574C2 to #CDD9D1

#B574C2 #CDD9D1

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

#B574C2 - #CDD9D1 | 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 #B574C2 as 0% and #CDD9D1 as 100%.

0.0%	0.0% #B574C2	RGB 181 116 194	#B574C2
16.7%	16.7% #B984C4	RGB 185 132 196	#B984C4
33.3%	33.3% #BD95C7	RGB 189 149 199	#BD95C7
50.0%	50.0% #C1A6C9	RGB 193 166 201	#C1A6C9
66.7%	66.7% #C5B7CC	RGB 197 183 204	#C5B7CC
83.3%	83.3% #C9C8CE	RGB 201 200 206	#C9C8CE
100.0%	100.0% #CDD9D1	RGB 205 217 209	#CDD9D1

#B574C2 #B984C4 #BD95C7 #C1A6C9 #C5B7CC #C9C8CE #CDD9D1

#B574C2 - #CDD9D1

HSV Blend

#B574C2 - #CDD9D1 | 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 #B574C2 as 0% and #CDD9D1 as 100%.

0.0%	0.0% #B574C2	RGB 181 116 194	#B574C2
16.7%	16.7% #9E81C5	RGB 158 129 197	#9E81C5
33.3%	33.3% #8F8FC9	RGB 143 143 201	#8F8FC9
50.0%	50.0% #9EB2CD	RGB 158 178 205	#9EB2CD
66.7%	66.7% #ADCBD1	RGB 173 203 209	#ADCBD1
83.3%	83.3% #BDD5CF	RGB 189 213 207	#BDD5CF
100.0%	100.0% #CDD9D1	RGB 205 217 209	#CDD9D1

#B574C2 #9E81C5 #8F8FC9 #9EB2CD #ADCBD1 #BDD5CF #CDD9D1

#B574C2 - #9EB2CD - #CDD9D1

CSS codes

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

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