#535385 - #CDCDDC | 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 #535385 to #CDCDDC

#535385 #CDCDDC

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

#535385 - #CDCDDC | 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 #535385 as 0% and #CDCDDC as 100%.

0.0%	0.0% #535385	RGB 83 83 133	#535385
16.7%	16.7% #676793	RGB 103 103 147	#676793
33.3%	33.3% #7B7BA2	RGB 123 123 162	#7B7BA2
50.0%	50.0% #9090B0	RGB 144 144 176	#9090B0
66.7%	66.7% #A4A4BF	RGB 164 164 191	#A4A4BF
83.3%	83.3% #B8B8CD	RGB 184 184 205	#B8B8CD
100.0%	100.0% #CDCDDC	RGB 205 205 220	#CDCDDC

#535385 #676793 #7B7BA2 #9090B0 #A4A4BF #B8B8CD #CDCDDC

#535385 - #CDCDDC

HSV Blend

#535385 - #CDCDDC | 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 #535385 as 0% and #CDCDDC as 100%.

0.0%	0.0% #535385	RGB 83 83 133	#535385
16.7%	16.7% #636393	RGB 99 99 147	#636393
33.3%	33.3% #7575A2	RGB 117 117 162	#7575A2
50.0%	50.0% #8989B0	RGB 137 137 176	#8989B0
66.7%	66.7% #9E9EBF	RGB 158 158 191	#9E9EBF
83.3%	83.3% #B4B4CD	RGB 180 180 205	#B4B4CD
100.0%	100.0% #CDCDDC	RGB 205 205 220	#CDCDDC

#535385 #636393 #7575A2 #8989B0 #9E9EBF #B4B4CD #CDCDDC

#535385 - #8989B0 - #CDCDDC

CSS codes

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

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