#585884 - #CFCFDB | 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 #585884 to #CFCFDB

#585884 #CFCFDB

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

#585884 - #CFCFDB | 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 #585884 as 0% and #CFCFDB as 100%.

0.0%	0.0% #585884	RGB 88 88 132	#585884
16.7%	16.7% #6B6B92	RGB 107 107 146	#6B6B92
33.3%	33.3% #7F7FA1	RGB 127 127 161	#7F7FA1
50.0%	50.0% #9393AF	RGB 147 147 175	#9393AF
66.7%	66.7% #A7A7BE	RGB 167 167 190	#A7A7BE
83.3%	83.3% #BBBBCC	RGB 187 187 204	#BBBBCC
100.0%	100.0% #CFCFDB	RGB 207 207 219	#CFCFDB

#585884 #6B6B92 #7F7FA1 #9393AF #A7A7BE #BBBBCC #CFCFDB

#585884 - #CFCFDB

HSV Blend

#585884 - #CFCFDB | 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 #585884 as 0% and #CFCFDB as 100%.

0.0%	0.0% #585884	RGB 88 88 132	#585884
16.7%	16.7% #686892	RGB 104 104 146	#686892
33.3%	33.3% #7A7AA1	RGB 122 122 161	#7A7AA1
50.0%	50.0% #8D8DAF	RGB 141 141 175	#8D8DAF
66.7%	66.7% #A1A1BE	RGB 161 161 190	#A1A1BE
83.3%	83.3% #B7B7CC	RGB 183 183 204	#B7B7CC
100.0%	100.0% #CFCFDB	RGB 207 207 219	#CFCFDB

#585884 #686892 #7A7AA1 #8D8DAF #A1A1BE #B7B7CC #CFCFDB

#585884 - #8D8DAF - #CFCFDB

CSS codes

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

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