#3E5E5D - #C7D1D0 | 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 #3E5E5D a #C7D1D0

#3E5E5D #C7D1D0

Calcule el color entre dos colores, #3E5E5D y #C7D1D0. 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)

#3E5E5D - #C7D1D0 | 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 #3E5E5D como 0% y #C7D1D0 como 100%.

0.0%	0.0% #3E5E5D	RGB 62 94 93	#3E5E5D
16.7%	16.7% #547170	RGB 84 113 112	#547170
33.3%	33.3% #6B8483	RGB 107 132 131	#6B8483
50.0%	50.0% #829796	RGB 130 151 150	#829796
66.7%	66.7% #99AAA9	RGB 153 170 169	#99AAA9
83.3%	83.3% #B0BDBC	RGB 176 189 188	#B0BDBC
100.0%	100.0% #C7D1D0	RGB 199 209 208	#C7D1D0

#3E5E5D #547170 #6B8483 #829796 #99AAA9 #B0BDBC #C7D1D0

#3E5E5D - #C7D1D0

Mezcla HSV

#3E5E5D - #C7D1D0 | 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 #3E5E5D como 0% y #C7D1D0 como 100%.

0.0%	0.0% #3E5E5D	RGB 62 94 93	#3E5E5D
16.7%	16.7% #50716F	RGB 80 113 111	#50716F
33.3%	33.3% #648482	RGB 100 132 130	#648482
50.0%	50.0% #7A9795	RGB 122 151 149	#7A9795
66.7%	66.7% #91AAA8	RGB 145 170 168	#91AAA8
83.3%	83.3% #ABBDBC	RGB 171 189 188	#ABBDBC
100.0%	100.0% #C7D1D0	RGB 199 209 208	#C7D1D0

#3E5E5D #50716F #648482 #7A9795 #91AAA8 #ABBDBC #C7D1D0

#3E5E5D - #7A9795 - #C7D1D0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E5D 0%, #7A9795 50%, #C7D1D0 100%);
    background: -webkit-linear-gradient(top, #3E5E5D 0%, #7A9795 50%, #C7D1D0 100%);
    background: linear-gradient(to bottom, #3E5E5D 0%, #7A9795 50%, #C7D1D0 100%);
}
</style>