#3C8D9C - #C7DEE2 | 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 #3C8D9C a #C7DEE2

#3C8D9C #C7DEE2

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

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

0.0%	0.0% #3C8D9C	RGB 60 141 156	#3C8D9C
16.7%	16.7% #539AA7	RGB 83 154 167	#539AA7
33.3%	33.3% #6AA8B3	RGB 106 168 179	#6AA8B3
50.0%	50.0% #81B5BF	RGB 129 181 191	#81B5BF
66.7%	66.7% #98C3CA	RGB 152 195 202	#98C3CA
83.3%	83.3% #AFD0D6	RGB 175 208 214	#AFD0D6
100.0%	100.0% #C7DEE2	RGB 199 222 226	#C7DEE2

#3C8D9C #539AA7 #6AA8B3 #81B5BF #98C3CA #AFD0D6 #C7DEE2

#3C8D9C - #C7DEE2

Mezcla HSV

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

0.0%	0.0% #3C8C9C	RGB 60 140 156	#3C8C9C
16.7%	16.7% #4E99A7	RGB 78 153 167	#4E99A7
33.3%	33.3% #62A6B3	RGB 98 166 179	#62A6B3
50.0%	50.0% #78B4BF	RGB 120 180 191	#78B4BF
66.7%	66.7% #90C1CA	RGB 144 193 202	#90C1CA
83.3%	83.3% #ABCFD6	RGB 171 207 214	#ABCFD6
100.0%	100.0% #C7DEE2	RGB 199 222 226	#C7DEE2

#3C8C9C #4E99A7 #62A6B3 #78B4BF #90C1CA #ABCFD6 #C7DEE2

#3C8D9C - #78B4BF - #C7DEE2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C8C9C 0%, #78B4BF 50%, #C7DEE2 100%);
    background: -webkit-linear-gradient(top, #3C8C9C 0%, #78B4BF 50%, #C7DEE2 100%);
    background: linear-gradient(to bottom, #3C8C9C 0%, #78B4BF 50%, #C7DEE2 100%);
}
</style>