#564650 - #B070B6 | 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 #564650 to #B070B6

#564650 #B070B6

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

#564650 - #B070B6 | 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 #564650 as 0% and #B070B6 as 100%.

0.0%	0.0% #564650	RGB 86 70 80	#564650
16.7%	16.7% #654D61	RGB 101 77 97	#654D61
33.3%	33.3% #745472	RGB 116 84 114	#745472
50.0%	50.0% #835B83	RGB 131 91 131	#835B83
66.7%	66.7% #926294	RGB 146 98 148	#926294
83.3%	83.3% #A169A5	RGB 161 105 165	#A169A5
100.0%	100.0% #B070B6	RGB 176 112 182	#B070B6

#564650 #654D61 #745472 #835B83 #926294 #A169A5 #B070B6

#564650 - #B070B6

HSV Blend

#564650 - #B070B6 | 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 #564650 as 0% and #B070B6 as 100%.

0.0%	0.0% #564650	RGB 86 70 80	#564650
16.7%	16.7% #664F5F	RGB 102 79 95	#664F5F
33.3%	33.3% #76586F	RGB 118 88 111	#76586F
50.0%	50.0% #865F80	RGB 134 95 128	#865F80
66.7%	66.7% #966692	RGB 150 102 146	#966692
83.3%	83.3% #A56BA6	RGB 165 107 166	#A56BA6
100.0%	100.0% #B070B6	RGB 176 112 182	#B070B6

#564650 #664F5F #76586F #865F80 #966692 #A56BA6 #B070B6

#564650 - #865F80 - #B070B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #564650 0%, #865F80 50%, #B070B6 100%);
    background: -webkit-linear-gradient(top, #564650 0%, #865F80 50%, #B070B6 100%);
    background: linear-gradient(to bottom, #564650 0%, #865F80 50%, #B070B6 100%);
}
</style>