#58666E - #CFD3D5 | 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 #58666E a #CFD3D5

#58666E #CFD3D5

Calcule el color entre dos colores, #58666E y #CFD3D5. 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)

#58666E - #CFD3D5 | 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 #58666E como 0% y #CFD3D5 como 100%.

0.0%	0.0% #58666E	RGB 88 102 110	#58666E
16.7%	16.7% #6B787F	RGB 107 120 127	#6B787F
33.3%	33.3% #7F8A90	RGB 127 138 144	#7F8A90
50.0%	50.0% #939CA1	RGB 147 156 161	#939CA1
66.7%	66.7% #A7AEB2	RGB 167 174 178	#A7AEB2
83.3%	83.3% #BBC0C3	RGB 187 192 195	#BBC0C3
100.0%	100.0% #CFD3D5	RGB 207 211 213	#CFD3D5

#58666E #6B787F #7F8A90 #939CA1 #A7AEB2 #BBC0C3 #CFD3D5

#58666E - #CFD3D5

Mezcla HSV

#58666E - #CFD3D5 | 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 #58666E como 0% y #CFD3D5 como 100%.

0.0%	0.0% #58666E	RGB 88 102 110	#58666E
16.7%	16.7% #69777F	RGB 105 119 127	#69777F
33.3%	33.3% #7B8990	RGB 123 137 144	#7B8990
50.0%	50.0% #8F9BA1	RGB 143 155 161	#8F9BA1
66.7%	66.7% #A3ADB2	RGB 163 173 178	#A3ADB2
83.3%	83.3% #B8C0C3	RGB 184 192 195	#B8C0C3
100.0%	100.0% #CFD3D5	RGB 207 211 213	#CFD3D5

#58666E #69777F #7B8990 #8F9BA1 #A3ADB2 #B8C0C3 #CFD3D5

#58666E - #8F9BA1 - #CFD3D5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #58666E 0%, #8F9BA1 50%, #CFD3D5 100%);
    background: -webkit-linear-gradient(top, #58666E 0%, #8F9BA1 50%, #CFD3D5 100%);
    background: linear-gradient(to bottom, #58666E 0%, #8F9BA1 50%, #CFD3D5 100%);
}
</style>