#B4D6AF - #D2D0FF | 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 #B4D6AF to #D2D0FF

#B4D6AF #D2D0FF

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

#B4D6AF - #D2D0FF | 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 #B4D6AF as 0% and #D2D0FF as 100%.

0.0%	0.0% #B4D6AF	RGB 180 214 175	#B4D6AF
16.7%	16.7% #B9D5BC	RGB 185 213 188	#B9D5BC
33.3%	33.3% #BED4C9	RGB 190 212 201	#BED4C9
50.0%	50.0% #C3D3D7	RGB 195 211 215	#C3D3D7
66.7%	66.7% #C8D2E4	RGB 200 210 228	#C8D2E4
83.3%	83.3% #CDD1F1	RGB 205 209 241	#CDD1F1
100.0%	100.0% #D2D0FF	RGB 210 208 255	#D2D0FF

#B4D6AF #B9D5BC #BED4C9 #C3D3D7 #C8D2E4 #CDD1F1 #D2D0FF

#B4D6AF - #D2D0FF

HSV Blend

#B4D6AF - #D2D0FF | 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 #B4D6AF as 0% and #D2D0FF as 100%.

0.0%	0.0% #B4D6AF	RGB 180 214 175	#B4D6AF
16.7%	16.7% #B4DCBD	RGB 180 220 189	#B4DCBD
33.3%	33.3% #BAE3D2	RGB 186 227 210	#BAE3D2
50.0%	50.0% #BFEAE8	RGB 191 234 232	#BFEAE8
66.7%	66.7% #C5E3F1	RGB 197 227 241	#C5E3F1
83.3%	83.3% #CAD9F8	RGB 202 217 248	#CAD9F8
100.0%	100.0% #D2D0FF	RGB 210 208 255	#D2D0FF

#B4D6AF #B4DCBD #BAE3D2 #BFEAE8 #C5E3F1 #CAD9F8 #D2D0FF

#B4D6AF - #BFEAE8 - #D2D0FF

CSS codes

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

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