#525484 - #CDCDDB | 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 #525484 to #CDCDDB

#525484 #CDCDDB

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

#525484 - #CDCDDB | 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 #525484 as 0% and #CDCDDB as 100%.

0.0%	0.0% #525484	RGB 82 84 132	#525484
16.7%	16.7% #666892	RGB 102 104 146	#666892
33.3%	33.3% #7B7CA1	RGB 123 124 161	#7B7CA1
50.0%	50.0% #8F90AF	RGB 143 144 175	#8F90AF
66.7%	66.7% #A4A4BE	RGB 164 164 190	#A4A4BE
83.3%	83.3% #B8B8CC	RGB 184 184 204	#B8B8CC
100.0%	100.0% #CDCDDB	RGB 205 205 219	#CDCDDB

#525484 #666892 #7B7CA1 #8F90AF #A4A4BE #B8B8CC #CDCDDB

#525484 - #CDCDDB

HSV Blend

#525484 - #CDCDDB | 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 #525484 as 0% and #CDCDDB as 100%.

0.0%	0.0% #525384	RGB 82 83 132	#525384
16.7%	16.7% #626492	RGB 98 100 146	#626492
33.3%	33.3% #7476A1	RGB 116 118 161	#7476A1
50.0%	50.0% #8889AF	RGB 136 137 175	#8889AF
66.7%	66.7% #9D9EBE	RGB 157 158 190	#9D9EBE
83.3%	83.3% #B4B4CC	RGB 180 180 204	#B4B4CC
100.0%	100.0% #CDCDDB	RGB 205 205 219	#CDCDDB

#525384 #626492 #7476A1 #8889AF #9D9EBE #B4B4CC #CDCDDB

#525484 - #8889AF - #CDCDDB

CSS codes

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

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