#655E5E - #AD7ABD | 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 #655E5E to #AD7ABD

#655E5E #AD7ABD

Calculate the color between two colors, #655E5E and #AD7ABD. 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)

#655E5E - #AD7ABD | 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 #655E5E as 0% and #AD7ABD as 100%.

0.0%	0.0% #655E5E	RGB 101 94 94	#655E5E
16.7%	16.7% #71626D	RGB 113 98 109	#71626D
33.3%	33.3% #7D677D	RGB 125 103 125	#7D677D
50.0%	50.0% #896C8D	RGB 137 108 141	#896C8D
66.7%	66.7% #95709D	RGB 149 112 157	#95709D
83.3%	83.3% #A175AD	RGB 161 117 173	#A175AD
100.0%	100.0% #AD7ABD	RGB 173 122 189	#AD7ABD

#655E5E #71626D #7D677D #896C8D #95709D #A175AD #AD7ABD

#655E5E - #AD7ABD

HSV Blend

#655E5E - #AD7ABD | 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 #655E5E as 0% and #AD7ABD as 100%.

0.0%	0.0% #655E5E	RGB 101 94 94	#655E5E
16.7%	16.7% #736668	RGB 115 102 104	#736668
33.3%	33.3% #826C75	RGB 130 108 117	#826C75
50.0%	50.0% #917285	RGB 145 114 133	#917285
66.7%	66.7% #9F7698	RGB 159 118 152	#9F7698
83.3%	83.3% #AC78AE	RGB 172 120 174	#AC78AE
100.0%	100.0% #AD7ABD	RGB 173 122 189	#AD7ABD

#655E5E #736668 #826C75 #917285 #9F7698 #AC78AE #AD7ABD

#655E5E - #917285 - #AD7ABD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #655E5E 0%, #917285 50%, #AD7ABD 100%);
    background: -webkit-linear-gradient(top, #655E5E 0%, #917285 50%, #AD7ABD 100%);
    background: linear-gradient(to bottom, #655E5E 0%, #917285 50%, #AD7ABD 100%);
}
</style>