#247D7D - #C0D9D9 | 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 #247D7D a #C0D9D9

#247D7D #C0D9D9

Calcule el color entre dos colores, #247D7D y #C0D9D9. 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)

#247D7D - #C0D9D9 | 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 #247D7D como 0% y #C0D9D9 como 100%.

0.0%	0.0% #247D7D	RGB 36 125 125	#247D7D
16.7%	16.7% #3E8C8C	RGB 62 140 140	#3E8C8C
33.3%	33.3% #589B9B	RGB 88 155 155	#589B9B
50.0%	50.0% #72ABAB	RGB 114 171 171	#72ABAB
66.7%	66.7% #8CBABA	RGB 140 186 186	#8CBABA
83.3%	83.3% #A6C9C9	RGB 166 201 201	#A6C9C9
100.0%	100.0% #C0D9D9	RGB 192 217 217	#C0D9D9

#247D7D #3E8C8C #589B9B #72ABAB #8CBABA #A6C9C9 #C0D9D9

#247D7D - #C0D9D9

Mezcla HSV

#247D7D - #C0D9D9 | 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 #247D7D como 0% y #C0D9D9 como 100%.

0.0%	0.0% #247D7D	RGB 36 125 125	#247D7D
16.7%	16.7% #368C8C	RGB 54 140 140	#368C8C
33.3%	33.3% #4B9B9B	RGB 75 155 155	#4B9B9B
50.0%	50.0% #64ABAB	RGB 100 171 171	#64ABAB
66.7%	66.7% #7FBABA	RGB 127 186 186	#7FBABA
83.3%	83.3% #9EC9C9	RGB 158 201 201	#9EC9C9
100.0%	100.0% #C0D9D9	RGB 192 217 217	#C0D9D9

#247D7D #368C8C #4B9B9B #64ABAB #7FBABA #9EC9C9 #C0D9D9

#247D7D - #64ABAB - #C0D9D9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #247D7D 0%, #64ABAB 50%, #C0D9D9 100%);
    background: -webkit-linear-gradient(top, #247D7D 0%, #64ABAB 50%, #C0D9D9 100%);
    background: linear-gradient(to bottom, #247D7D 0%, #64ABAB 50%, #C0D9D9 100%);
}
</style>