#626B5E - #C492C2 | 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 #626B5E to #C492C2

#626B5E #C492C2

Calculate the color between two colors, #626B5E and #C492C2. 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)

#626B5E - #C492C2 | 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 #626B5E as 0% and #C492C2 as 100%.

0.0%	0.0% #626B5E	RGB 98 107 94	#626B5E
16.7%	16.7% #72716E	RGB 114 113 110	#72716E
33.3%	33.3% #82787F	RGB 130 120 127	#82787F
50.0%	50.0% #937E90	RGB 147 126 144	#937E90
66.7%	66.7% #A385A0	RGB 163 133 160	#A385A0
83.3%	83.3% #B38BB1	RGB 179 139 177	#B38BB1
100.0%	100.0% #C492C2	RGB 196 146 194	#C492C2

#626B5E #72716E #82787F #937E90 #A385A0 #B38BB1 #C492C2

#626B5E - #C492C2

HSV Blend

#626B5E - #C492C2 | 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 #626B5E as 0% and #C492C2 as 100%.

0.0%	0.0% #626B5E	RGB 98 107 94	#626B5E
16.7%	16.7% #757968	RGB 117 121 104	#757968
33.3%	33.3% #888471	RGB 136 132 113	#888471
50.0%	50.0% #97857A	RGB 151 133 122	#97857A
66.7%	66.7% #A68385	RGB 166 131 133	#A68385
83.3%	83.3% #B58AA0	RGB 181 138 160	#B58AA0
100.0%	100.0% #C492C2	RGB 196 146 194	#C492C2

#626B5E #757968 #888471 #97857A #A68385 #B58AA0 #C492C2

#626B5E - #97857A - #C492C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #626B5E 0%, #97857A 50%, #C492C2 100%);
    background: -webkit-linear-gradient(top, #626B5E 0%, #97857A 50%, #C492C2 100%);
    background: linear-gradient(to bottom, #626B5E 0%, #97857A 50%, #C492C2 100%);
}
</style>