#CFCFEC - #7D83C9 | 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 #CFCFEC to #7D83C9

#CFCFEC #7D83C9

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

#CFCFEC - #7D83C9 | 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 #CFCFEC as 0% and #7D83C9 as 100%.

0.0%	0.0% #CFCFEC	RGB 207 207 236	#CFCFEC
16.7%	16.7% #C1C2E6	RGB 193 194 230	#C1C2E6
33.3%	33.3% #B3B5E0	RGB 179 181 224	#B3B5E0
50.0%	50.0% #A6A9DA	RGB 166 169 218	#A6A9DA
66.7%	66.7% #989CD4	RGB 152 156 212	#989CD4
83.3%	83.3% #8A8FCE	RGB 138 143 206	#8A8FCE
100.0%	100.0% #7D83C9	RGB 125 131 201	#7D83C9

#CFCFEC #C1C2E6 #B3B5E0 #A6A9DA #989CD4 #8A8FCE #7D83C9

#CFCFEC - #7D83C9

HSV Blend

#CFCFEC - #7D83C9 | 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 #CFCFEC as 0% and #7D83C9 as 100%.

0.0%	0.0% #CFCFEC	RGB 207 207 236	#CFCFEC
16.7%	16.7% #C0C0E6	RGB 192 192 230	#C0C0E6
33.3%	33.3% #B1B2E0	RGB 177 178 224	#B1B2E0
50.0%	50.0% #A3A5DA	RGB 163 165 218	#A3A5DA
66.7%	66.7% #9699D4	RGB 150 153 212	#9699D4
83.3%	83.3% #898DCE	RGB 137 141 206	#898DCE
100.0%	100.0% #7D83C9	RGB 125 131 201	#7D83C9

#CFCFEC #C0C0E6 #B1B2E0 #A3A5DA #9699D4 #898DCE #7D83C9

#CFCFEC - #A3A5DA - #7D83C9

CSS codes

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

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