#4C3C50 - #CCC7CD | 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 #4C3C50 a #CCC7CD

#4C3C50 #CCC7CD

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

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

0.0%	0.0% #4C3C50	RGB 76 60 80	#4C3C50
16.7%	16.7% #615364	RGB 97 83 100	#615364
33.3%	33.3% #766A79	RGB 118 106 121	#766A79
50.0%	50.0% #8C818E	RGB 140 129 142	#8C818E
66.7%	66.7% #A198A3	RGB 161 152 163	#A198A3
83.3%	83.3% #B6AFB8	RGB 182 175 184	#B6AFB8
100.0%	100.0% #CCC7CD	RGB 204 199 205	#CCC7CD

#4C3C50 #615364 #766A79 #8C818E #A198A3 #B6AFB8 #CCC7CD

#4C3C50 - #CCC7CD

Mezcla HSV

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

0.0%	0.0% #4C3C50	RGB 76 60 80	#4C3C50
16.7%	16.7% #604F64	RGB 96 79 100	#604F64
33.3%	33.3% #756479	RGB 117 100 121	#756479
50.0%	50.0% #8A7A8E	RGB 138 122 142	#8A7A8E
66.7%	66.7% #A092A3	RGB 160 146 163	#A092A3
83.3%	83.3% #B6ACB8	RGB 182 172 184	#B6ACB8
100.0%	100.0% #CCC7CD	RGB 204 199 205	#CCC7CD

#4C3C50 #604F64 #756479 #8A7A8E #A092A3 #B6ACB8 #CCC7CD

#4C3C50 - #8A7A8E - #CCC7CD

Códigos CSS

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

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