#607D5E - #C29FC0 | 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 #607D5E to #C29FC0

#607D5E #C29FC0

Calculate the color between two colors, #607D5E and #C29FC0. 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)

#607D5E - #C29FC0 | 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 #607D5E as 0% and #C29FC0 as 100%.

0.0%	0.0% #607D5E	RGB 96 125 94	#607D5E
16.7%	16.7% #70826E	RGB 112 130 110	#70826E
33.3%	33.3% #80887E	RGB 128 136 126	#80887E
50.0%	50.0% #918E8F	RGB 145 142 143	#918E8F
66.7%	66.7% #A1939F	RGB 161 147 159	#A1939F
83.3%	83.3% #B199AF	RGB 177 153 175	#B199AF
100.0%	100.0% #C29FC0	RGB 194 159 192	#C29FC0

#607D5E #70826E #80887E #918E8F #A1939F #B199AF #C29FC0

#607D5E - #C29FC0

HSV Blend

#607D5E - #C29FC0 | 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 #607D5E as 0% and #C29FC0 as 100%.

0.0%	0.0% #607D5E	RGB 96 125 94	#607D5E
16.7%	16.7% #798868	RGB 121 136 104	#798868
33.3%	33.3% #949372	RGB 148 147 114	#949372
50.0%	50.0% #9F8E7D	RGB 159 142 125	#9F8E7D
66.7%	66.7% #AB8888	RGB 171 136 136	#AB8888
83.3%	83.3% #B693A3	RGB 182 147 163	#B693A3
100.0%	100.0% #C29FC0	RGB 194 159 192	#C29FC0

#607D5E #798868 #949372 #9F8E7D #AB8888 #B693A3 #C29FC0

#607D5E - #9F8E7D - #C29FC0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #607D5E 0%, #9F8E7D 50%, #C29FC0 100%);
    background: -webkit-linear-gradient(top, #607D5E 0%, #9F8E7D 50%, #C29FC0 100%);
    background: linear-gradient(to bottom, #607D5E 0%, #9F8E7D 50%, #C29FC0 100%);
}
</style>