#73C8C9 - #CAC9FF | 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 #73C8C9 to #CAC9FF

#73C8C9 #CAC9FF

Calculate the color between two colors, #73C8C9 and #CAC9FF. 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)

#73C8C9 - #CAC9FF | 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 #73C8C9 as 0% and #CAC9FF as 100%.

0.0%	0.0% #73C8C9	RGB 115 200 201	#73C8C9
16.7%	16.7% #81C8D2	RGB 129 200 210	#81C8D2
33.3%	33.3% #90C8DB	RGB 144 200 219	#90C8DB
50.0%	50.0% #9EC8E4	RGB 158 200 228	#9EC8E4
66.7%	66.7% #ADC8ED	RGB 173 200 237	#ADC8ED
83.3%	83.3% #BBC8F6	RGB 187 200 246	#BBC8F6
100.0%	100.0% #CAC9FF	RGB 202 201 255	#CAC9FF

#73C8C9 #81C8D2 #90C8DB #9EC8E4 #ADC8ED #BBC8F6 #CAC9FF

#73C8C9 - #CAC9FF

HSV Blend

#73C8C9 - #CAC9FF | 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 #73C8C9 as 0% and #CAC9FF as 100%.

0.0%	0.0% #73C8C9	RGB 115 200 201	#73C8C9
16.7%	16.7% #7FC3D2	RGB 127 195 210	#7FC3D2
33.3%	33.3% #8DBFDB	RGB 141 191 219	#8DBFDB
50.0%	50.0% #9BBEE4	RGB 155 190 228	#9BBEE4
66.7%	66.7% #A9BFED	RGB 169 191 237	#A9BFED
83.3%	83.3% #B9C2F6	RGB 185 194 246	#B9C2F6
100.0%	100.0% #CAC9FF	RGB 202 201 255	#CAC9FF

#73C8C9 #7FC3D2 #8DBFDB #9BBEE4 #A9BFED #B9C2F6 #CAC9FF

#73C8C9 - #9BBEE4 - #CAC9FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #73C8C9 0%, #9BBEE4 50%, #CAC9FF 100%);
    background: -webkit-linear-gradient(top, #73C8C9 0%, #9BBEE4 50%, #CAC9FF 100%);
    background: linear-gradient(to bottom, #73C8C9 0%, #9BBEE4 50%, #CAC9FF 100%);
}
</style>