#6B7A8C - #D3CEAB | 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 #6B7A8C a #D3CEAB

#6B7A8C #D3CEAB

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

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

0.0%	0.0% #6B7A8C	RGB 107 122 140	#6B7A8C
16.7%	16.7% #7C8891	RGB 124 136 145	#7C8891
33.3%	33.3% #8D9696	RGB 141 150 150	#8D9696
50.0%	50.0% #9FA49B	RGB 159 164 155	#9FA49B
66.7%	66.7% #B0B2A0	RGB 176 178 160	#B0B2A0
83.3%	83.3% #C1C0A5	RGB 193 192 165	#C1C0A5
100.0%	100.0% #D3CEAB	RGB 211 206 171	#D3CEAB

#6B7A8C #7C8891 #8D9696 #9FA49B #B0B2A0 #C1C0A5 #D3CEAB

#6B7A8C - #D3CEAB

Mezcla HSV

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

0.0%	0.0% #6B7A8C	RGB 107 122 140	#6B7A8C
16.7%	16.7% #759497	RGB 117 148 151	#759497
33.3%	33.3% #7FA397	RGB 127 163 151	#7FA397
50.0%	50.0% #8AAF92	RGB 138 175 146	#8AAF92
66.7%	66.7% #9DBB94	RGB 157 187 148	#9DBB94
83.3%	83.3% #BAC79F	RGB 186 199 159	#BAC79F
100.0%	100.0% #D3CEAB	RGB 211 206 171	#D3CEAB

#6B7A8C #759497 #7FA397 #8AAF92 #9DBB94 #BAC79F #D3CEAB

#6B7A8C - #8AAF92 - #D3CEAB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B7A8C 0%, #8AAF92 50%, #D3CEAB 100%);
    background: -webkit-linear-gradient(top, #6B7A8C 0%, #8AAF92 50%, #D3CEAB 100%);
    background: linear-gradient(to bottom, #6B7A8C 0%, #8AAF92 50%, #D3CEAB 100%);
}
</style>