#6758A8 - #D3CFE6 | 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 #6758A8 to #D3CFE6

#6758A8 #D3CFE6

Calculate the color between two colors, #6758A8 and #D3CFE6. 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)

#6758A8 - #D3CFE6 | 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 #6758A8 as 0% and #D3CFE6 as 100%.

0.0%	0.0% #6758A8	RGB 103 88 168	#6758A8
16.7%	16.7% #796BB2	RGB 121 107 178	#796BB2
33.3%	33.3% #8B7FBC	RGB 139 127 188	#8B7FBC
50.0%	50.0% #9D93C7	RGB 157 147 199	#9D93C7
66.7%	66.7% #AFA7D1	RGB 175 167 209	#AFA7D1
83.3%	83.3% #C1BBDB	RGB 193 187 219	#C1BBDB
100.0%	100.0% #D3CFE6	RGB 211 207 230	#D3CFE6

#6758A8 #796BB2 #8B7FBC #9D93C7 #AFA7D1 #C1BBDB #D3CFE6

#6758A8 - #D3CFE6

HSV Blend

#6758A8 - #D3CFE6 | 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 #6758A8 as 0% and #D3CFE6 as 100%.

0.0%	0.0% #6758A8	RGB 103 88 168	#6758A8
16.7%	16.7% #7668B2	RGB 118 104 178	#7668B2
33.3%	33.3% #867ABC	RGB 134 122 188	#867ABC
50.0%	50.0% #988DC7	RGB 152 141 199	#988DC7
66.7%	66.7% #AAA2D1	RGB 170 162 209	#AAA2D1
83.3%	83.3% #BEB7DB	RGB 190 183 219	#BEB7DB
100.0%	100.0% #D3CFE6	RGB 211 207 230	#D3CFE6

#6758A8 #7668B2 #867ABC #988DC7 #AAA2D1 #BEB7DB #D3CFE6

#6758A8 - #988DC7 - #D3CFE6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6758A8 0%, #988DC7 50%, #D3CFE6 100%);
    background: -webkit-linear-gradient(top, #6758A8 0%, #988DC7 50%, #D3CFE6 100%);
    background: linear-gradient(to bottom, #6758A8 0%, #988DC7 50%, #D3CFE6 100%);
}
</style>