#6B7E8C - #D4DADE | 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 #6B7E8C a #D4DADE

#6B7E8C #D4DADE

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

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

0.0%	0.0% #6B7E8C	RGB 107 126 140	#6B7E8C
16.7%	16.7% #7C8D99	RGB 124 141 153	#7C8D99
33.3%	33.3% #8E9CA7	RGB 142 156 167	#8E9CA7
50.0%	50.0% #9FACB5	RGB 159 172 181	#9FACB5
66.7%	66.7% #B1BBC2	RGB 177 187 194	#B1BBC2
83.3%	83.3% #C2CAD0	RGB 194 202 208	#C2CAD0
100.0%	100.0% #D4DADE	RGB 212 218 222	#D4DADE

#6B7E8C #7C8D99 #8E9CA7 #9FACB5 #B1BBC2 #C2CAD0 #D4DADE

#6B7E8C - #D4DADE

Mezcla HSV

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

0.0%	0.0% #6B7E8C	RGB 107 126 140	#6B7E8C
16.7%	16.7% #7A8C99	RGB 122 140 153	#7A8C99
33.3%	33.3% #8A9BA7	RGB 138 155 167	#8A9BA7
50.0%	50.0% #9BAAB5	RGB 155 170 181	#9BAAB5
66.7%	66.7% #ADBAC2	RGB 173 186 194	#ADBAC2
83.3%	83.3% #C0C9D0	RGB 192 201 208	#C0C9D0
100.0%	100.0% #D4DADE	RGB 212 218 222	#D4DADE

#6B7E8C #7A8C99 #8A9BA7 #9BAAB5 #ADBAC2 #C0C9D0 #D4DADE

#6B7E8C - #9BAAB5 - #D4DADE

Códigos CSS

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

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