#C38BE2 - #DCEFDB | 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 #C38BE2 to #DCEFDB

#C38BE2 #DCEFDB

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

#C38BE2 - #DCEFDB | 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 #C38BE2 as 0% and #DCEFDB as 100%.

0.0%	0.0% #C38BE2	RGB 195 139 226	#C38BE2
16.7%	16.7% #C79BE0	RGB 199 155 224	#C79BE0
33.3%	33.3% #CBACDF	RGB 203 172 223	#CBACDF
50.0%	50.0% #CFBDDE	RGB 207 189 222	#CFBDDE
66.7%	66.7% #D3CDDD	RGB 211 205 221	#D3CDDD
83.3%	83.3% #D7DEDC	RGB 215 222 220	#D7DEDC
100.0%	100.0% #DCEFDB	RGB 220 239 219	#DCEFDB

#C38BE2 #C79BE0 #CBACDF #CFBDDE #D3CDDD #D7DEDC #DCEFDB

#C38BE2 - #DCEFDB

HSV Blend

#C38BE2 - #DCEFDB | 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 #C38BE2 as 0% and #DCEFDB as 100%.

0.0%	0.0% #C38BE2	RGB 195 139 226	#C38BE2
16.7%	16.7% #A697E4	RGB 166 151 228	#A697E4
33.3%	33.3% #A4B5E6	RGB 164 181 230	#A4B5E6
50.0%	50.0% #B2D8E8	RGB 178 216 232	#B2D8E8
66.7%	66.7% #BFEAE4	RGB 191 234 228	#BFEAE4
83.3%	83.3% #CDECD9	RGB 205 236 217	#CDECD9
100.0%	100.0% #DCEFDB	RGB 220 239 219	#DCEFDB

#C38BE2 #A697E4 #A4B5E6 #B2D8E8 #BFEAE4 #CDECD9 #DCEFDB

#C38BE2 - #B2D8E8 - #DCEFDB

CSS codes

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

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