#6D8C9C - #D5DDE2 | 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 #6D8C9C a #D5DDE2

#6D8C9C #D5DDE2

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

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

0.0%	0.0% #6D8C9C	RGB 109 140 156	#6D8C9C
16.7%	16.7% #7E99A7	RGB 126 153 167	#7E99A7
33.3%	33.3% #8FA7B3	RGB 143 167 179	#8FA7B3
50.0%	50.0% #A1B4BF	RGB 161 180 191	#A1B4BF
66.7%	66.7% #B2C2CA	RGB 178 194 202	#B2C2CA
83.3%	83.3% #C3CFD6	RGB 195 207 214	#C3CFD6
100.0%	100.0% #D5DDE2	RGB 213 221 226	#D5DDE2

#6D8C9C #7E99A7 #8FA7B3 #A1B4BF #B2C2CA #C3CFD6 #D5DDE2

#6D8C9C - #D5DDE2

Mezcla HSV

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

0.0%	0.0% #6D8C9C	RGB 109 140 156	#6D8C9C
16.7%	16.7% #7B98A7	RGB 123 152 167	#7B98A7
33.3%	33.3% #8BA5B3	RGB 139 165 179	#8BA5B3
50.0%	50.0% #9CB2BF	RGB 156 178 191	#9CB2BF
66.7%	66.7% #AEC0CA	RGB 174 192 202	#AEC0CA
83.3%	83.3% #C1CED6	RGB 193 206 214	#C1CED6
100.0%	100.0% #D5DDE2	RGB 213 221 226	#D5DDE2

#6D8C9C #7B98A7 #8BA5B3 #9CB2BF #AEC0CA #C1CED6 #D5DDE2

#6D8C9C - #9CB2BF - #D5DDE2

Códigos CSS

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

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