#693F3F - #D08766 | 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 #693F3F to #D08766

#693F3F #D08766

Calculate the color between two colors, #693F3F and #D08766. 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)

#693F3F - #D08766 | 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 #693F3F as 0% and #D08766 as 100%.

0.0%	0.0% #693F3F	RGB 105 63 63	#693F3F
16.7%	16.7% #7A4B45	RGB 122 75 69	#7A4B45
33.3%	33.3% #8B574C	RGB 139 87 76	#8B574C
50.0%	50.0% #9C6352	RGB 156 99 82	#9C6352
66.7%	66.7% #AD6F59	RGB 173 111 89	#AD6F59
83.3%	83.3% #BE7B5F	RGB 190 123 95	#BE7B5F
100.0%	100.0% #D08766	RGB 208 135 102	#D08766

#693F3F #7A4B45 #8B574C #9C6352 #AD6F59 #BE7B5F #D08766

#693F3F - #D08766

HSV Blend

#693F3F - #D08766 | 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 #693F3F as 0% and #D08766 as 100%.

0.0%	0.0% #693F3F	RGB 105 63 63	#693F3F
16.7%	16.7% #7A4947	RGB 122 73 71	#7A4947
33.3%	33.3% #8B544E	RGB 139 84 78	#8B544E
50.0%	50.0% #9C6055	RGB 156 96 85	#9C6055
66.7%	66.7% #AD6C5B	RGB 173 108 91	#AD6C5B
83.3%	83.3% #BE7961	RGB 190 121 97	#BE7961
100.0%	100.0% #D08766	RGB 208 135 102	#D08766

#693F3F #7A4947 #8B544E #9C6055 #AD6C5B #BE7961 #D08766

#693F3F - #9C6055 - #D08766

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #693F3F 0%, #9C6055 50%, #D08766 100%);
    background: -webkit-linear-gradient(top, #693F3F 0%, #9C6055 50%, #D08766 100%);
    background: linear-gradient(to bottom, #693F3F 0%, #9C6055 50%, #D08766 100%);
}
</style>