#BBBDDF - #DFE2DF | 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 #BBBDDF to #DFE2DF

#BBBDDF #DFE2DF

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

#BBBDDF - #DFE2DF | 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 #BBBDDF as 0% and #DFE2DF as 100%.

0.0%	0.0% #BBBDDF	RGB 187 189 223	#BBBDDF
16.7%	16.7% #C1C3DF	RGB 193 195 223	#C1C3DF
33.3%	33.3% #C7C9DF	RGB 199 201 223	#C7C9DF
50.0%	50.0% #CDCFDF	RGB 205 207 223	#CDCFDF
66.7%	66.7% #D3D5DF	RGB 211 213 223	#D3D5DF
83.3%	83.3% #D9DBDF	RGB 217 219 223	#D9DBDF
100.0%	100.0% #DFE2DF	RGB 223 226 223	#DFE2DF

#BBBDDF #C1C3DF #C7C9DF #CDCFDF #D3D5DF #D9DBDF #DFE2DF

#BBBDDF - #DFE2DF

HSV Blend

#BBBDDF - #DFE2DF | 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 #BBBDDF as 0% and #DFE2DF as 100%.

0.0%	0.0% #BBBDDF	RGB 187 189 223	#BBBDDF
16.7%	16.7% #C0CCDF	RGB 192 204 223	#C0CCDF
33.3%	33.3% #C6D8E0	RGB 198 216 224	#C6D8E0
50.0%	50.0% #CCE0DF	RGB 204 224 223	#CCE0DF
66.7%	66.7% #D2E1DC	RGB 210 225 220	#D2E1DC
83.3%	83.3% #D8E1DB	RGB 216 225 219	#D8E1DB
100.0%	100.0% #DFE2DF	RGB 223 226 223	#DFE2DF

#BBBDDF #C0CCDF #C6D8E0 #CCE0DF #D2E1DC #D8E1DB #DFE2DF

#BBBDDF - #CCE0DF - #DFE2DF

CSS codes

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

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