#7688AB - #C9A8FD | 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 #7688AB to #C9A8FD

#7688AB #C9A8FD

Calculate the color between two colors, #7688AB and #C9A8FD. 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)

#7688AB - #C9A8FD | 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 #7688AB as 0% and #C9A8FD as 100%.

0.0%	0.0% #7688AB	RGB 118 136 171	#7688AB
16.7%	16.7% #838DB8	RGB 131 141 184	#838DB8
33.3%	33.3% #9192C6	RGB 145 146 198	#9192C6
50.0%	50.0% #9F98D4	RGB 159 152 212	#9F98D4
66.7%	66.7% #AD9DE1	RGB 173 157 225	#AD9DE1
83.3%	83.3% #BBA2EF	RGB 187 162 239	#BBA2EF
100.0%	100.0% #C9A8FD	RGB 201 168 253	#C9A8FD

#7688AB #838DB8 #9192C6 #9F98D4 #AD9DE1 #BBA2EF #C9A8FD

#7688AB - #C9A8FD

HSV Blend

#7688AB - #C9A8FD | 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 #7688AB as 0% and #C9A8FD as 100%.

0.0%	0.0% #7688AB	RGB 118 136 171	#7688AB
16.7%	16.7% #7E8BB8	RGB 126 139 184	#7E8BB8
33.3%	33.3% #878DC6	RGB 135 141 198	#878DC6
50.0%	50.0% #918FD4	RGB 145 143 212	#918FD4
66.7%	66.7% #A297E1	RGB 162 151 225	#A297E1
83.3%	83.3% #B59FEF	RGB 181 159 239	#B59FEF
100.0%	100.0% #C9A8FD	RGB 201 168 253	#C9A8FD

#7688AB #7E8BB8 #878DC6 #918FD4 #A297E1 #B59FEF #C9A8FD

#7688AB - #918FD4 - #C9A8FD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7688AB 0%, #918FD4 50%, #C9A8FD 100%);
    background: -webkit-linear-gradient(top, #7688AB 0%, #918FD4 50%, #C9A8FD 100%);
    background: linear-gradient(to bottom, #7688AB 0%, #918FD4 50%, #C9A8FD 100%);
}
</style>