#6DA9CC - #D2D8D3 | 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 #6DA9CC a #D2D8D3

#6DA9CC #D2D8D3

Calcule el color entre dos colores, #6DA9CC y #D2D8D3. 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)

#6DA9CC - #D2D8D3 | 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 #6DA9CC como 0% y #D2D8D3 como 100%.

0.0%	0.0% #6DA9CC	RGB 109 169 204	#6DA9CC
16.7%	16.7% #7DB0CD	RGB 125 176 205	#7DB0CD
33.3%	33.3% #8EB8CE	RGB 142 184 206	#8EB8CE
50.0%	50.0% #9FC0CF	RGB 159 192 207	#9FC0CF
66.7%	66.7% #B0C8D0	RGB 176 200 208	#B0C8D0
83.3%	83.3% #C1D0D1	RGB 193 208 209	#C1D0D1
100.0%	100.0% #D2D8D3	RGB 210 216 211	#D2D8D3

#6DA9CC #7DB0CD #8EB8CE #9FC0CF #B0C8D0 #C1D0D1 #D2D8D3

#6DA9CC - #D2D8D3

Mezcla HSV

#6DA9CC - #D2D8D3 | 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 #6DA9CC como 0% y #D2D8D3 como 100%.

0.0%	0.0% #6DA9CC	RGB 109 169 204	#6DA9CC
16.7%	16.7% #7DC0CE	RGB 125 192 206	#7DC0CE
33.3%	33.3% #8DD0CD	RGB 141 208 205	#8DD0CD
50.0%	50.0% #9ED2C5	RGB 158 210 197	#9ED2C5
66.7%	66.7% #AFD4C4	RGB 175 212 196	#AFD4C4
83.3%	83.3% #C0D6C8	RGB 192 214 200	#C0D6C8
100.0%	100.0% #D2D8D3	RGB 210 216 211	#D2D8D3

#6DA9CC #7DC0CE #8DD0CD #9ED2C5 #AFD4C4 #C0D6C8 #D2D8D3

#6DA9CC - #9ED2C5 - #D2D8D3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DA9CC 0%, #9ED2C5 50%, #D2D8D3 100%);
    background: -webkit-linear-gradient(top, #6DA9CC 0%, #9ED2C5 50%, #D2D8D3 100%);
    background: linear-gradient(to bottom, #6DA9CC 0%, #9ED2C5 50%, #D2D8D3 100%);
}
</style>