#521E4B - #CDBECB | 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 #521E4B to #CDBECB

#521E4B #CDBECB

Calculate the color between two colors, #521E4B and #CDBECB. 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)

#521E4B - #CDBECB | 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 #521E4B as 0% and #CDBECB as 100%.

0.0%	0.0% #521E4B	RGB 82 30 75	#521E4B
16.7%	16.7% #663860	RGB 102 56 96	#663860
33.3%	33.3% #7B5375	RGB 123 83 117	#7B5375
50.0%	50.0% #8F6E8B	RGB 143 110 139	#8F6E8B
66.7%	66.7% #A488A0	RGB 164 136 160	#A488A0
83.3%	83.3% #B8A3B5	RGB 184 163 181	#B8A3B5
100.0%	100.0% #CDBECB	RGB 205 190 203	#CDBECB

#521E4B #663860 #7B5375 #8F6E8B #A488A0 #B8A3B5 #CDBECB

#521E4B - #CDBECB

HSV Blend

#521E4B - #CDBECB | 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 #521E4B as 0% and #CDBECB as 100%.

0.0%	0.0% #521E4B	RGB 82 30 75	#521E4B
16.7%	16.7% #662F5F	RGB 102 47 95	#662F5F
33.3%	33.3% #7B4473	RGB 123 68 115	#7B4473
50.0%	50.0% #8F5C88	RGB 143 92 136	#8F5C88
66.7%	66.7% #A4799E	RGB 164 121 158	#A4799E
83.3%	83.3% #B899B4	RGB 184 153 180	#B899B4
100.0%	100.0% #CDBECB	RGB 205 190 203	#CDBECB

#521E4B #662F5F #7B4473 #8F5C88 #A4799E #B899B4 #CDBECB

#521E4B - #8F5C88 - #CDBECB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #521E4B 0%, #8F5C88 50%, #CDBECB 100%);
    background: -webkit-linear-gradient(top, #521E4B 0%, #8F5C88 50%, #CDBECB 100%);
    background: linear-gradient(to bottom, #521E4B 0%, #8F5C88 50%, #CDBECB 100%);
}
</style>