#CFCFEC - #6D84B7 | 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 #6D84B7

#CFCFEC #6D84B7

Calculate the color between two colors, #CFCFEC and #6D84B7. 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 - #6D84B7 | 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 #6D84B7 as 100%.

0.0%	0.0% #CFCFEC	RGB 207 207 236	#CFCFEC
16.7%	16.7% #BEC2E3	RGB 190 194 227	#BEC2E3
33.3%	33.3% #AEB6DA	RGB 174 182 218	#AEB6DA
50.0%	50.0% #9EA9D1	RGB 158 169 209	#9EA9D1
66.7%	66.7% #8D9DC8	RGB 141 157 200	#8D9DC8
83.3%	83.3% #7D90BF	RGB 125 144 191	#7D90BF
100.0%	100.0% #6D84B7	RGB 109 132 183	#6D84B7

#CFCFEC #BEC2E3 #AEB6DA #9EA9D1 #8D9DC8 #7D90BF #6D84B7

#CFCFEC - #6D84B7

HSV Blend

#CFCFEC - #6D84B7 | 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 #6D84B7 as 100%.

0.0%	0.0% #CFCFEC	RGB 207 207 236	#CFCFEC
16.7%	16.7% #BCBEE3	RGB 188 190 227	#BCBEE3
33.3%	33.3% #ABAFDA	RGB 171 175 218	#ABAFDA
50.0%	50.0% #9AA2D1	RGB 154 162 209	#9AA2D1
66.7%	66.7% #8A97C8	RGB 138 151 200	#8A97C8
83.3%	83.3% #7B8DBF	RGB 123 141 191	#7B8DBF
100.0%	100.0% #6D84B7	RGB 109 132 183	#6D84B7

#CFCFEC #BCBEE3 #ABAFDA #9AA2D1 #8A97C8 #7B8DBF #6D84B7

#CFCFEC - #9AA2D1 - #6D84B7

CSS codes

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

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