#BFD2B5 - #F2ECC4 | 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 #BFD2B5 to #F2ECC4

#BFD2B5 #F2ECC4

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

#BFD2B5 - #F2ECC4 | 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 #BFD2B5 as 0% and #F2ECC4 as 100%.

0.0%	0.0% #BFD2B5	RGB 191 210 181	#BFD2B5
16.7%	16.7% #C7D6B7	RGB 199 214 183	#C7D6B7
33.3%	33.3% #D0DABA	RGB 208 218 186	#D0DABA
50.0%	50.0% #D8DFBC	RGB 216 223 188	#D8DFBC
66.7%	66.7% #E1E3BF	RGB 225 227 191	#E1E3BF
83.3%	83.3% #E9E7C1	RGB 233 231 193	#E9E7C1
100.0%	100.0% #F2ECC4	RGB 242 236 196	#F2ECC4

#BFD2B5 #C7D6B7 #D0DABA #D8DFBC #E1E3BF #E9E7C1 #F2ECC4

#BFD2B5 - #F2ECC4

HSV Blend

#BFD2B5 - #F2ECC4 | 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 #BFD2B5 as 0% and #F2ECC4 as 100%.

0.0%	0.0% #BFD2B5	RGB 191 210 181	#BFD2B5
16.7%	16.7% #C6D7B7	RGB 198 215 183	#C6D7B7
33.3%	33.3% #CFDCBA	RGB 207 220 186	#CFDCBA
50.0%	50.0% #D8E2BC	RGB 216 226 188	#D8E2BC
66.7%	66.7% #E2E7BF	RGB 226 231 191	#E2E7BF
83.3%	83.3% #ECECC1	RGB 236 236 193	#ECECC1
100.0%	100.0% #F2ECC4	RGB 242 236 196	#F2ECC4

#BFD2B5 #C6D7B7 #CFDCBA #D8E2BC #E2E7BF #ECECC1 #F2ECC4

#BFD2B5 - #D8E2BC - #F2ECC4

CSS codes

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

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