#B7DCC2 - #DCE8C4 | 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 #B7DCC2 to #DCE8C4

#B7DCC2 #DCE8C4

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

#B7DCC2 - #DCE8C4 | 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 #B7DCC2 as 0% and #DCE8C4 as 100%.

0.0%	0.0% #B7DCC2	RGB 183 220 194	#B7DCC2
16.7%	16.7% #BDDEC2	RGB 189 222 194	#BDDEC2
33.3%	33.3% #C3E0C2	RGB 195 224 194	#C3E0C2
50.0%	50.0% #C9E2C3	RGB 201 226 195	#C9E2C3
66.7%	66.7% #CFE4C3	RGB 207 228 195	#CFE4C3
83.3%	83.3% #D5E6C3	RGB 213 230 195	#D5E6C3
100.0%	100.0% #DCE8C4	RGB 220 232 196	#DCE8C4

#B7DCC2 #BDDEC2 #C3E0C2 #C9E2C3 #CFE4C3 #D5E6C3 #DCE8C4

#B7DCC2 - #DCE8C4

HSV Blend

#B7DCC2 - #DCE8C4 | 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 #B7DCC2 as 0% and #DCE8C4 as 100%.

0.0%	0.0% #B7DCC2	RGB 183 220 194	#B7DCC2
16.7%	16.7% #B9DEBE	RGB 185 222 190	#B9DEBE
33.3%	33.3% #BCE0BB	RGB 188 224 187	#BCE0BB
50.0%	50.0% #C4E2BD	RGB 196 226 189	#C4E2BD
66.7%	66.7% #CCE4BF	RGB 204 228 191	#CCE4BF
83.3%	83.3% #D4E6C1	RGB 212 230 193	#D4E6C1
100.0%	100.0% #DCE8C4	RGB 220 232 196	#DCE8C4

#B7DCC2 #B9DEBE #BCE0BB #C4E2BD #CCE4BF #D4E6C1 #DCE8C4

#B7DCC2 - #C4E2BD - #DCE8C4

CSS codes

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

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