#3E5A5A - #C7CFCF | 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 #3E5A5A a #C7CFCF

#3E5A5A #C7CFCF

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

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

0.0%	0.0% #3E5A5A	RGB 62 90 90	#3E5A5A
16.7%	16.7% #546D6D	RGB 84 109 109	#546D6D
33.3%	33.3% #6B8181	RGB 107 129 129	#6B8181
50.0%	50.0% #829494	RGB 130 148 148	#829494
66.7%	66.7% #99A8A8	RGB 153 168 168	#99A8A8
83.3%	83.3% #B0BBBB	RGB 176 187 187	#B0BBBB
100.0%	100.0% #C7CFCF	RGB 199 207 207	#C7CFCF

#3E5A5A #546D6D #6B8181 #829494 #99A8A8 #B0BBBB #C7CFCF

#3E5A5A - #C7CFCF

Mezcla HSV

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

0.0%	0.0% #3E5A5A	RGB 62 90 90	#3E5A5A
16.7%	16.7% #506D6D	RGB 80 109 109	#506D6D
33.3%	33.3% #648181	RGB 100 129 129	#648181
50.0%	50.0% #7A9494	RGB 122 148 148	#7A9494
66.7%	66.7% #92A8A8	RGB 146 168 168	#92A8A8
83.3%	83.3% #ABBBBB	RGB 171 187 187	#ABBBBB
100.0%	100.0% #C7CFCF	RGB 199 207 207	#C7CFCF

#3E5A5A #506D6D #648181 #7A9494 #92A8A8 #ABBBBB #C7CFCF

#3E5A5A - #7A9494 - #C7CFCF

Códigos CSS

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

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