#C5DBFF - #658FD6 | 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 #C5DBFF to #658FD6

#C5DBFF #658FD6

Calculate the color between two colors, #C5DBFF and #658FD6. 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)

#C5DBFF - #658FD6 | 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 #C5DBFF as 0% and #658FD6 as 100%.

0.0%	0.0% #C5DBFF	RGB 197 219 255	#C5DBFF
16.7%	16.7% #B5CEF8	RGB 181 206 248	#B5CEF8
33.3%	33.3% #A5C1F1	RGB 165 193 241	#A5C1F1
50.0%	50.0% #95B5EA	RGB 149 181 234	#95B5EA
66.7%	66.7% #85A8E3	RGB 133 168 227	#85A8E3
83.3%	83.3% #759BDC	RGB 117 155 220	#759BDC
100.0%	100.0% #658FD6	RGB 101 143 214	#658FD6

#C5DBFF #B5CEF8 #A5C1F1 #95B5EA #85A8E3 #759BDC #658FD6

#C5DBFF - #658FD6

HSV Blend

#C5DBFF - #658FD6 | 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 #C5DBFF as 0% and #658FD6 as 100%.

0.0%	0.0% #C5DBFF	RGB 197 219 255	#C5DBFF
16.7%	16.7% #B3CDF8	RGB 179 205 248	#B3CDF8
33.3%	33.3% #A2C0F1	RGB 162 192 241	#A2C0F1
50.0%	50.0% #91B3EA	RGB 145 179 234	#91B3EA
66.7%	66.7% #82A6E3	RGB 130 166 227	#82A6E3
83.3%	83.3% #739ADC	RGB 115 154 220	#739ADC
100.0%	100.0% #658FD6	RGB 101 143 214	#658FD6

#C5DBFF #B3CDF8 #A2C0F1 #91B3EA #82A6E3 #739ADC #658FD6

#C5DBFF - #91B3EA - #658FD6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5DBFF 0%, #91B3EA 50%, #658FD6 100%);
    background: -webkit-linear-gradient(top, #C5DBFF 0%, #91B3EA 50%, #658FD6 100%);
    background: linear-gradient(to bottom, #C5DBFF 0%, #91B3EA 50%, #658FD6 100%);
}
</style>