#C7F0FF - #6DAFD8 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #C7F0FF a #6DAFD8

#C7F0FF #6DAFD8

Calcule el color entre dos colores, #C7F0FF y #6DAFD8. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#C7F0FF - #6DAFD8 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #C7F0FF como 0% y #6DAFD8 como 100%.

0.0%	0.0% #C7F0FF	RGB 199 240 255	#C7F0FF
16.7%	16.7% #B8E5F8	RGB 184 229 248	#B8E5F8
33.3%	33.3% #A9DAF2	RGB 169 218 242	#A9DAF2
50.0%	50.0% #9ACFEB	RGB 154 207 235	#9ACFEB
66.7%	66.7% #8BC4E5	RGB 139 196 229	#8BC4E5
83.3%	83.3% #7CB9DE	RGB 124 185 222	#7CB9DE
100.0%	100.0% #6DAFD8	RGB 109 175 216	#6DAFD8

#C7F0FF #B8E5F8 #A9DAF2 #9ACFEB #8BC4E5 #7CB9DE #6DAFD8

#C7F0FF - #6DAFD8

Mezcla HSV

#C7F0FF - #6DAFD8 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #C7F0FF como 0% y #6DAFD8 como 100%.

0.0%	0.0% #C7F0FF	RGB 199 240 255	#C7F0FF
16.7%	16.7% #B6E5F8	RGB 182 229 248	#B6E5F8
33.3%	33.3% #A6DAF2	RGB 166 218 242	#A6DAF2
50.0%	50.0% #97D0EB	RGB 151 208 235	#97D0EB
66.7%	66.7% #88C5E5	RGB 136 197 229	#88C5E5
83.3%	83.3% #7ABADE	RGB 122 186 222	#7ABADE
100.0%	100.0% #6DAFD8	RGB 109 175 216	#6DAFD8

#C7F0FF #B6E5F8 #A6DAF2 #97D0EB #88C5E5 #7ABADE #6DAFD8

#C7F0FF - #97D0EB - #6DAFD8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7F0FF 0%, #97D0EB 50%, #6DAFD8 100%);
    background: -webkit-linear-gradient(top, #C7F0FF 0%, #97D0EB 50%, #6DAFD8 100%);
    background: linear-gradient(to bottom, #C7F0FF 0%, #97D0EB 50%, #6DAFD8 100%);
}
</style>