#B9969E - #82444F | 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 #B9969E to #82444F

#B9969E #82444F

Calculate the color between two colors, #B9969E and #82444F. 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)

#B9969E - #82444F | 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 #B9969E as 0% and #82444F as 100%.

0.0%	0.0% #B9969E	RGB 185 150 158	#B9969E
16.7%	16.7% #AF8890	RGB 175 136 144	#AF8890
33.3%	33.3% #A67A83	RGB 166 122 131	#A67A83
50.0%	50.0% #9D6D76	RGB 157 109 118	#9D6D76
66.7%	66.7% #945F69	RGB 148 95 105	#945F69
83.3%	83.3% #8B515C	RGB 139 81 92	#8B515C
100.0%	100.0% #82444F	RGB 130 68 79	#82444F

#B9969E #AF8890 #A67A83 #9D6D76 #945F69 #8B515C #82444F

#B9969E - #82444F

HSV Blend

#B9969E - #82444F | 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 #B9969E as 0% and #82444F as 100%.

0.0%	0.0% #B9969E	RGB 185 150 158	#B9969E
16.7%	16.7% #AF868F	RGB 175 134 143	#AF868F
33.3%	33.3% #A67781	RGB 166 119 129	#A67781
50.0%	50.0% #9D6973	RGB 157 105 115	#9D6973
66.7%	66.7% #945B66	RGB 148 91 102	#945B66
83.3%	83.3% #8B4F5A	RGB 139 79 90	#8B4F5A
100.0%	100.0% #82444F	RGB 130 68 79	#82444F

#B9969E #AF868F #A67781 #9D6973 #945B66 #8B4F5A #82444F

#B9969E - #9D6973 - #82444F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9969E 0%, #9D6973 50%, #82444F 100%);
    background: -webkit-linear-gradient(top, #B9969E 0%, #9D6973 50%, #82444F 100%);
    background: linear-gradient(to bottom, #B9969E 0%, #9D6973 50%, #82444F 100%);
}
</style>