#4D5E4D - #CCD1CC | 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 #4D5E4D a #CCD1CC

#4D5E4D #CCD1CC

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

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

0.0%	0.0% #4D5E4D	RGB 77 94 77	#4D5E4D
16.7%	16.7% #627162	RGB 98 113 98	#627162
33.3%	33.3% #778477	RGB 119 132 119	#778477
50.0%	50.0% #8C978C	RGB 140 151 140	#8C978C
66.7%	66.7% #A1AAA1	RGB 161 170 161	#A1AAA1
83.3%	83.3% #B6BDB6	RGB 182 189 182	#B6BDB6
100.0%	100.0% #CCD1CC	RGB 204 209 204	#CCD1CC

#4D5E4D #627162 #778477 #8C978C #A1AAA1 #B6BDB6 #CCD1CC

#4D5E4D - #CCD1CC

Mezcla HSV

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

0.0%	0.0% #4D5E4D	RGB 77 94 77	#4D5E4D
16.7%	16.7% #5F715F	RGB 95 113 95	#5F715F
33.3%	33.3% #738473	RGB 115 132 115	#738473
50.0%	50.0% #879787	RGB 135 151 135	#879787
66.7%	66.7% #9DAA9D	RGB 157 170 157	#9DAA9D
83.3%	83.3% #B4BDB4	RGB 180 189 180	#B4BDB4
100.0%	100.0% #CCD1CC	RGB 204 209 204	#CCD1CC

#4D5E4D #5F715F #738473 #879787 #9DAA9D #B4BDB4 #CCD1CC

#4D5E4D - #879787 - #CCD1CC

Códigos CSS

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

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