#C7B8D3 - #EFCEFF | 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 #C7B8D3 to #EFCEFF

#C7B8D3 #EFCEFF

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

#C7B8D3 - #EFCEFF | 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 #C7B8D3 as 0% and #EFCEFF as 100%.

0.0%	0.0% #C7B8D3	RGB 199 184 211	#C7B8D3
16.7%	16.7% #CDBBDA	RGB 205 187 218	#CDBBDA
33.3%	33.3% #D4BFE1	RGB 212 191 225	#D4BFE1
50.0%	50.0% #DBC3E9	RGB 219 195 233	#DBC3E9
66.7%	66.7% #E1C6F0	RGB 225 198 240	#E1C6F0
83.3%	83.3% #E8CAF7	RGB 232 202 247	#E8CAF7
100.0%	100.0% #EFCEFF	RGB 239 206 255	#EFCEFF

#C7B8D3 #CDBBDA #D4BFE1 #DBC3E9 #E1C6F0 #E8CAF7 #EFCEFF

#C7B8D3 - #EFCEFF

HSV Blend

#C7B8D3 - #EFCEFF | 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 #C7B8D3 as 0% and #EFCEFF as 100%.

0.0%	0.0% #C7B8D3	RGB 199 184 211	#C7B8D3
16.7%	16.7% #CDBCDA	RGB 205 188 218	#CDBCDA
33.3%	33.3% #D4BFE1	RGB 212 191 225	#D4BFE1
50.0%	50.0% #DAC3E9	RGB 218 195 233	#DAC3E9
66.7%	66.7% #E1C7F0	RGB 225 199 240	#E1C7F0
83.3%	83.3% #E8CAF7	RGB 232 202 247	#E8CAF7
100.0%	100.0% #EFCEFF	RGB 239 206 255	#EFCEFF

#C7B8D3 #CDBCDA #D4BFE1 #DAC3E9 #E1C7F0 #E8CAF7 #EFCEFF

#C7B8D3 - #DAC3E9 - #EFCEFF

CSS codes

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

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