#3E5E6D - #C7D1D5 | 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 #3E5E6D a #C7D1D5

#3E5E6D #C7D1D5

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

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

0.0%	0.0% #3E5E6D	RGB 62 94 109	#3E5E6D
16.7%	16.7% #54717E	RGB 84 113 126	#54717E
33.3%	33.3% #6B848F	RGB 107 132 143	#6B848F
50.0%	50.0% #8297A1	RGB 130 151 161	#8297A1
66.7%	66.7% #99AAB2	RGB 153 170 178	#99AAB2
83.3%	83.3% #B0BDC3	RGB 176 189 195	#B0BDC3
100.0%	100.0% #C7D1D5	RGB 199 209 213	#C7D1D5

#3E5E6D #54717E #6B848F #8297A1 #99AAB2 #B0BDC3 #C7D1D5

#3E5E6D - #C7D1D5

Mezcla HSV

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

0.0%	0.0% #3E5E6D	RGB 62 94 109	#3E5E6D
16.7%	16.7% #4F6F7E	RGB 79 111 126	#4F6F7E
33.3%	33.3% #63818F	RGB 99 129 143	#63818F
50.0%	50.0% #7894A1	RGB 120 148 161	#7894A1
66.7%	66.7% #90A8B2	RGB 144 168 178	#90A8B2
83.3%	83.3% #AABCC3	RGB 170 188 195	#AABCC3
100.0%	100.0% #C7D1D5	RGB 199 209 213	#C7D1D5

#3E5E6D #4F6F7E #63818F #7894A1 #90A8B2 #AABCC3 #C7D1D5

#3E5E6D - #7894A1 - #C7D1D5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E6D 0%, #7894A1 50%, #C7D1D5 100%);
    background: -webkit-linear-gradient(top, #3E5E6D 0%, #7894A1 50%, #C7D1D5 100%);
    background: linear-gradient(to bottom, #3E5E6D 0%, #7894A1 50%, #C7D1D5 100%);
}
</style>