#3D5655 - #C7CECE | 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 #3D5655 a #C7CECE

#3D5655 #C7CECE

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

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

0.0%	0.0% #3D5655	RGB 61 86 85	#3D5655
16.7%	16.7% #546A69	RGB 84 106 105	#546A69
33.3%	33.3% #6B7E7D	RGB 107 126 125	#6B7E7D
50.0%	50.0% #829291	RGB 130 146 145	#829291
66.7%	66.7% #99A6A5	RGB 153 166 165	#99A6A5
83.3%	83.3% #B0BAB9	RGB 176 186 185	#B0BAB9
100.0%	100.0% #C7CECE	RGB 199 206 206	#C7CECE

#3D5655 #546A69 #6B7E7D #829291 #99A6A5 #B0BAB9 #C7CECE

#3D5655 - #C7CECE

Mezcla HSV

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

0.0%	0.0% #3D5655	RGB 61 86 85	#3D5655
16.7%	16.7% #4F6A69	RGB 79 106 105	#4F6A69
33.3%	33.3% #647E7D	RGB 100 126 125	#647E7D
50.0%	50.0% #7A9291	RGB 122 146 145	#7A9291
66.7%	66.7% #92A6A5	RGB 146 166 165	#92A6A5
83.3%	83.3% #ABBAB9	RGB 171 186 185	#ABBAB9
100.0%	100.0% #C7CECE	RGB 199 206 206	#C7CECE

#3D5655 #4F6A69 #647E7D #7A9291 #92A6A5 #ABBAB9 #C7CECE

#3D5655 - #7A9291 - #C7CECE

Códigos CSS

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

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