#3B5152 - #C7CCCD | 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 #3B5152 a #C7CCCD

#3B5152 #C7CCCD

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

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

0.0%	0.0% #3B5152	RGB 59 81 82	#3B5152
16.7%	16.7% #526566	RGB 82 101 102	#526566
33.3%	33.3% #697A7B	RGB 105 122 123	#697A7B
50.0%	50.0% #818E8F	RGB 129 142 143	#818E8F
66.7%	66.7% #98A3A4	RGB 152 163 164	#98A3A4
83.3%	83.3% #AFB7B8	RGB 175 183 184	#AFB7B8
100.0%	100.0% #C7CCCD	RGB 199 204 205	#C7CCCD

#3B5152 #526566 #697A7B #818E8F #98A3A4 #AFB7B8 #C7CCCD

#3B5152 - #C7CCCD

Mezcla HSV

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

0.0%	0.0% #3B5152	RGB 59 81 82	#3B5152
16.7%	16.7% #4E6466	RGB 78 100 102	#4E6466
33.3%	33.3% #62787B	RGB 98 120 123	#62787B
50.0%	50.0% #798D8F	RGB 121 141 143	#798D8F
66.7%	66.7% #91A1A4	RGB 145 161 164	#91A1A4
83.3%	83.3% #ABB6B8	RGB 171 182 184	#ABB6B8
100.0%	100.0% #C7CCCD	RGB 199 204 205	#C7CCCD

#3B5152 #4E6466 #62787B #798D8F #91A1A4 #ABB6B8 #C7CCCD

#3B5152 - #798D8F - #C7CCCD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B5152 0%, #798D8F 50%, #C7CCCD 100%);
    background: -webkit-linear-gradient(top, #3B5152 0%, #798D8F 50%, #C7CCCD 100%);
    background: linear-gradient(to bottom, #3B5152 0%, #798D8F 50%, #C7CCCD 100%);
}
</style>