#626C5E - #B08FBE | 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 #626C5E to #B08FBE

#626C5E #B08FBE

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

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

0.0%	0.0% #626C5E	RGB 98 108 94	#626C5E
16.7%	16.7% #6F716E	RGB 111 113 110	#6F716E
33.3%	33.3% #7C777E	RGB 124 119 126	#7C777E
50.0%	50.0% #897D8E	RGB 137 125 142	#897D8E
66.7%	66.7% #96839E	RGB 150 131 158	#96839E
83.3%	83.3% #A389AE	RGB 163 137 174	#A389AE
100.0%	100.0% #B08FBE	RGB 176 143 190	#B08FBE

#626C5E #6F716E #7C777E #897D8E #96839E #A389AE #B08FBE

#626C5E - #B08FBE

HSV Blend

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

0.0%	0.0% #626C5E	RGB 98 108 94	#626C5E
16.7%	16.7% #67796B	RGB 103 121 107	#67796B
33.3%	33.3% #708780	RGB 112 135 128	#708780
50.0%	50.0% #788F95	RGB 120 143 149	#788F95
66.7%	66.7% #808AA2	RGB 128 138 162	#808AA2
83.3%	83.3% #9088B0	RGB 144 136 176	#9088B0
100.0%	100.0% #B08FBE	RGB 176 143 190	#B08FBE

#626C5E #67796B #708780 #788F95 #808AA2 #9088B0 #B08FBE

#626C5E - #788F95 - #B08FBE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #626C5E 0%, #788F95 50%, #B08FBE 100%);
    background: -webkit-linear-gradient(top, #626C5E 0%, #788F95 50%, #B08FBE 100%);
    background: linear-gradient(to bottom, #626C5E 0%, #788F95 50%, #B08FBE 100%);
}
</style>