#715757 - #D6CFCF | 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 #715757 to #D6CFCF

#715757 #D6CFCF

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

#715757 - #D6CFCF | 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 #715757 as 0% and #D6CFCF as 100%.

0.0%	0.0% #715757	RGB 113 87 87	#715757
16.7%	16.7% #816B6B	RGB 129 107 107	#816B6B
33.3%	33.3% #927F7F	RGB 146 127 127	#927F7F
50.0%	50.0% #A39393	RGB 163 147 147	#A39393
66.7%	66.7% #B4A7A7	RGB 180 167 167	#B4A7A7
83.3%	83.3% #C5BBBB	RGB 197 187 187	#C5BBBB
100.0%	100.0% #D6CFCF	RGB 214 207 207	#D6CFCF

#715757 #816B6B #927F7F #A39393 #B4A7A7 #C5BBBB #D6CFCF

#715757 - #D6CFCF

HSV Blend

#715757 - #D6CFCF | 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 #715757 as 0% and #D6CFCF as 100%.

0.0%	0.0% #715757	RGB 113 87 87	#715757
16.7%	16.7% #816868	RGB 129 104 104	#816868
33.3%	33.3% #927A7A	RGB 146 122 122	#927A7A
50.0%	50.0% #A38E8E	RGB 163 142 142	#A38E8E
66.7%	66.7% #B4A2A2	RGB 180 162 162	#B4A2A2
83.3%	83.3% #C5B8B8	RGB 197 184 184	#C5B8B8
100.0%	100.0% #D6CFCF	RGB 214 207 207	#D6CFCF

#715757 #816868 #927A7A #A38E8E #B4A2A2 #C5B8B8 #D6CFCF

#715757 - #A38E8E - #D6CFCF

CSS codes

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

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