#CEC3FC - #825BCA | 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 #CEC3FC to #825BCA

#CEC3FC #825BCA

Calculate the color between two colors, #CEC3FC and #825BCA. 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)

#CEC3FC - #825BCA | 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 #CEC3FC as 0% and #825BCA as 100%.

0.0%	0.0% #CEC3FC	RGB 206 195 252	#CEC3FC
16.7%	16.7% #C1B1F3	RGB 193 177 243	#C1B1F3
33.3%	33.3% #B4A0EB	RGB 180 160 235	#B4A0EB
50.0%	50.0% #A88FE3	RGB 168 143 227	#A88FE3
66.7%	66.7% #9B7DDA	RGB 155 125 218	#9B7DDA
83.3%	83.3% #8E6CD2	RGB 142 108 210	#8E6CD2
100.0%	100.0% #825BCA	RGB 130 91 202	#825BCA

#CEC3FC #C1B1F3 #B4A0EB #A88FE3 #9B7DDA #8E6CD2 #825BCA

#CEC3FC - #825BCA

HSV Blend

#CEC3FC - #825BCA | 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 #CEC3FC as 0% and #825BCA as 100%.

0.0%	0.0% #CEC3FC	RGB 206 195 252	#CEC3FC
16.7%	16.7% #BEAFF3	RGB 190 175 243	#BEAFF3
33.3%	33.3% #B09CEB	RGB 176 156 235	#B09CEB
50.0%	50.0% #A28AE3	RGB 162 138 227	#A28AE3
66.7%	66.7% #967ADA	RGB 150 122 218	#967ADA
83.3%	83.3% #8B6AD2	RGB 139 106 210	#8B6AD2
100.0%	100.0% #825BCA	RGB 130 91 202	#825BCA

#CEC3FC #BEAFF3 #B09CEB #A28AE3 #967ADA #8B6AD2 #825BCA

#CEC3FC - #A28AE3 - #825BCA

CSS codes

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

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