#CEB2EE - #DFDBE7 | 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 #CEB2EE to #DFDBE7

#CEB2EE #DFDBE7

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

#CEB2EE - #DFDBE7 | 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 #CEB2EE as 0% and #DFDBE7 as 100%.

0.0%	0.0% #CEB2EE	RGB 206 178 238	#CEB2EE
16.7%	16.7% #D0B8EC	RGB 208 184 236	#D0B8EC
33.3%	33.3% #D3BFEB	RGB 211 191 235	#D3BFEB
50.0%	50.0% #D6C6EA	RGB 214 198 234	#D6C6EA
66.7%	66.7% #D9CDE9	RGB 217 205 233	#D9CDE9
83.3%	83.3% #DCD4E8	RGB 220 212 232	#DCD4E8
100.0%	100.0% #DFDBE7	RGB 223 219 231	#DFDBE7

#CEB2EE #D0B8EC #D3BFEB #D6C6EA #D9CDE9 #DCD4E8 #DFDBE7

#CEB2EE - #DFDBE7

HSV Blend

#CEB2EE - #DFDBE7 | 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 #CEB2EE as 0% and #DFDBE7 as 100%.

0.0%	0.0% #CEB2EE	RGB 206 178 238	#CEB2EE
16.7%	16.7% #D0B9EC	RGB 208 185 236	#D0B9EC
33.3%	33.3% #D2BFEB	RGB 210 191 235	#D2BFEB
50.0%	50.0% #D5C6EA	RGB 213 198 234	#D5C6EA
66.7%	66.7% #D8CDE9	RGB 216 205 233	#D8CDE9
83.3%	83.3% #DBD4E8	RGB 219 212 232	#DBD4E8
100.0%	100.0% #DFDBE7	RGB 223 219 231	#DFDBE7

#CEB2EE #D0B9EC #D2BFEB #D5C6EA #D8CDE9 #DBD4E8 #DFDBE7

#CEB2EE - #D5C6EA - #DFDBE7

CSS codes

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

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