#4C5E5C - #CBD1D0 | 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 #4C5E5C a #CBD1D0

#4C5E5C #CBD1D0

Calcule el color entre dos colores, #4C5E5C y #CBD1D0. 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)

#4C5E5C - #CBD1D0 | 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 #4C5E5C como 0% y #CBD1D0 como 100%.

0.0%	0.0% #4C5E5C	RGB 76 94 92	#4C5E5C
16.7%	16.7% #61716F	RGB 97 113 111	#61716F
33.3%	33.3% #768482	RGB 118 132 130	#768482
50.0%	50.0% #8B9796	RGB 139 151 150	#8B9796
66.7%	66.7% #A0AAA9	RGB 160 170 169	#A0AAA9
83.3%	83.3% #B5BDBC	RGB 181 189 188	#B5BDBC
100.0%	100.0% #CBD1D0	RGB 203 209 208	#CBD1D0

#4C5E5C #61716F #768482 #8B9796 #A0AAA9 #B5BDBC #CBD1D0

#4C5E5C - #CBD1D0

Mezcla HSV

#4C5E5C - #CBD1D0 | 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 #4C5E5C como 0% y #CBD1D0 como 100%.

0.0%	0.0% #4C5E5C	RGB 76 94 92	#4C5E5C
16.7%	16.7% #5E716E	RGB 94 113 110	#5E716E
33.3%	33.3% #728481	RGB 114 132 129	#728481
50.0%	50.0% #869795	RGB 134 151 149	#869795
66.7%	66.7% #9CAAA8	RGB 156 170 168	#9CAAA8
83.3%	83.3% #B3BDBC	RGB 179 189 188	#B3BDBC
100.0%	100.0% #CBD1D0	RGB 203 209 208	#CBD1D0

#4C5E5C #5E716E #728481 #869795 #9CAAA8 #B3BDBC #CBD1D0

#4C5E5C - #869795 - #CBD1D0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5E5C 0%, #869795 50%, #CBD1D0 100%);
    background: -webkit-linear-gradient(top, #4C5E5C 0%, #869795 50%, #CBD1D0 100%);
    background: linear-gradient(to bottom, #4C5E5C 0%, #869795 50%, #CBD1D0 100%);
}
</style>