#B0828C - #FFCAA3 | 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 #B0828C to #FFCAA3

#B0828C #FFCAA3

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

#B0828C - #FFCAA3 | 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 #B0828C as 0% and #FFCAA3 as 100%.

0.0%	0.0% #B0828C	RGB 176 130 140	#B0828C
16.7%	16.7% #BD8E8F	RGB 189 142 143	#BD8E8F
33.3%	33.3% #CA9A93	RGB 202 154 147	#CA9A93
50.0%	50.0% #D7A697	RGB 215 166 151	#D7A697
66.7%	66.7% #E4B29B	RGB 228 178 155	#E4B29B
83.3%	83.3% #F1BE9F	RGB 241 190 159	#F1BE9F
100.0%	100.0% #FFCAA3	RGB 255 202 163	#FFCAA3

#B0828C #BD8E8F #CA9A93 #D7A697 #E4B29B #F1BE9F #FFCAA3

#B0828C - #FFCAA3

HSV Blend

#B0828C - #FFCAA3 | 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 #B0828C as 0% and #FFCAA3 as 100%.

0.0%	0.0% #B0828C	RGB 176 130 140	#B0828C
16.7%	16.7% #BD888E	RGB 189 136 142	#BD888E
33.3%	33.3% #CA8E8E	RGB 202 142 142	#CA8E8E
50.0%	50.0% #D79B94	RGB 215 155 148	#D79B94
66.7%	66.7% #E4A999	RGB 228 169 153	#E4A999
83.3%	83.3% #F1B89E	RGB 241 184 158	#F1B89E
100.0%	100.0% #FFCAA3	RGB 255 202 163	#FFCAA3

#B0828C #BD888E #CA8E8E #D79B94 #E4A999 #F1B89E #FFCAA3

#B0828C - #D79B94 - #FFCAA3

CSS codes

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

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