#564650 - #CD68CB | 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 #CD68CB

#564650 #CD68CB

Calculate the color between two colors, #564650 and #CD68CB. 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 - #CD68CB | 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 #CD68CB as 100%.

0.0%	0.0% #564650	RGB 86 70 80	#564650
16.7%	16.7% #694B64	RGB 105 75 100	#694B64
33.3%	33.3% #7D5179	RGB 125 81 121	#7D5179
50.0%	50.0% #91578D	RGB 145 87 141	#91578D
66.7%	66.7% #A55CA2	RGB 165 92 162	#A55CA2
83.3%	83.3% #B962B6	RGB 185 98 182	#B962B6
100.0%	100.0% #CD68CB	RGB 205 104 203	#CD68CB

#564650 #694B64 #7D5179 #91578D #A55CA2 #B962B6 #CD68CB

#564650 - #CD68CB

HSV Blend

#564650 - #CD68CB | 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 #CD68CB as 100%.

0.0%	0.0% #564650	RGB 86 70 80	#564650
16.7%	16.7% #695061	RGB 105 80 97	#695061
33.3%	33.3% #7D5974	RGB 125 89 116	#7D5974
50.0%	50.0% #916087	RGB 145 96 135	#916087
66.7%	66.7% #A5649C	RGB 165 100 156	#A5649C
83.3%	83.3% #B967B2	RGB 185 103 178	#B967B2
100.0%	100.0% #CD68CB	RGB 205 104 203	#CD68CB

#564650 #695061 #7D5974 #916087 #A5649C #B967B2 #CD68CB

#564650 - #916087 - #CD68CB

CSS codes

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

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