#67A8DF - #CDCBFD | 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 #67A8DF to #CDCBFD

#67A8DF #CDCBFD

Calculate the color between two colors, #67A8DF and #CDCBFD. 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)

#67A8DF - #CDCBFD | 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 #67A8DF as 0% and #CDCBFD as 100%.

0.0%	0.0% #67A8DF	RGB 103 168 223	#67A8DF
16.7%	16.7% #78ADE4	RGB 120 173 228	#78ADE4
33.3%	33.3% #89B3E9	RGB 137 179 233	#89B3E9
50.0%	50.0% #9AB9EE	RGB 154 185 238	#9AB9EE
66.7%	66.7% #ABBFF3	RGB 171 191 243	#ABBFF3
83.3%	83.3% #BCC5F8	RGB 188 197 248	#BCC5F8
100.0%	100.0% #CDCBFD	RGB 205 203 253	#CDCBFD

#67A8DF #78ADE4 #89B3E9 #9AB9EE #ABBFF3 #BCC5F8 #CDCBFD

#67A8DF - #CDCBFD

HSV Blend

#67A8DF - #CDCBFD | 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 #67A8DF as 0% and #CDCBFD as 100%.

0.0%	0.0% #67A8DF	RGB 103 168 223	#67A8DF
16.7%	16.7% #76A7E4	RGB 118 167 228	#76A7E4
33.3%	33.3% #86A8E9	RGB 134 168 233	#86A8E9
50.0%	50.0% #96ACEE	RGB 150 172 238	#96ACEE
66.7%	66.7% #A7B3F3	RGB 167 179 243	#A7B3F3
83.3%	83.3% #B8BCF8	RGB 184 188 248	#B8BCF8
100.0%	100.0% #CDCBFD	RGB 205 203 253	#CDCBFD

#67A8DF #76A7E4 #86A8E9 #96ACEE #A7B3F3 #B8BCF8 #CDCBFD

#67A8DF - #96ACEE - #CDCBFD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #67A8DF 0%, #96ACEE 50%, #CDCBFD 100%);
    background: -webkit-linear-gradient(top, #67A8DF 0%, #96ACEE 50%, #CDCBFD 100%);
    background: linear-gradient(to bottom, #67A8DF 0%, #96ACEE 50%, #CDCBFD 100%);
}
</style>