#499DA5 - #CBE3E5 | 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 #499DA5 a #CBE3E5

#499DA5 #CBE3E5

Calcule el color entre dos colores, #499DA5 y #CBE3E5. 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)

#499DA5 - #CBE3E5 | 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 #499DA5 como 0% y #CBE3E5 como 100%.

0.0%	0.0% #499DA5	RGB 73 157 165	#499DA5
16.7%	16.7% #5EA8AF	RGB 94 168 175	#5EA8AF
33.3%	33.3% #74B4BA	RGB 116 180 186	#74B4BA
50.0%	50.0% #8AC0C5	RGB 138 192 197	#8AC0C5
66.7%	66.7% #9FCBCF	RGB 159 203 207	#9FCBCF
83.3%	83.3% #B5D7DA	RGB 181 215 218	#B5D7DA
100.0%	100.0% #CBE3E5	RGB 203 227 229	#CBE3E5

#499DA5 #5EA8AF #74B4BA #8AC0C5 #9FCBCF #B5D7DA #CBE3E5

#499DA5 - #CBE3E5

Mezcla HSV

#499DA5 - #CBE3E5 | 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 #499DA5 como 0% y #CBE3E5 como 100%.

0.0%	0.0% #499DA5	RGB 73 157 165	#499DA5
16.7%	16.7% #5AA8AF	RGB 90 168 175	#5AA8AF
33.3%	33.3% #6EB3BA	RGB 110 179 186	#6EB3BA
50.0%	50.0% #82BFC5	RGB 130 191 197	#82BFC5
66.7%	66.7% #99CBCF	RGB 153 203 207	#99CBCF
83.3%	83.3% #B1D7DA	RGB 177 215 218	#B1D7DA
100.0%	100.0% #CBE3E5	RGB 203 227 229	#CBE3E5

#499DA5 #5AA8AF #6EB3BA #82BFC5 #99CBCF #B1D7DA #CBE3E5

#499DA5 - #82BFC5 - #CBE3E5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #499DA5 0%, #82BFC5 50%, #CBE3E5 100%);
    background: -webkit-linear-gradient(top, #499DA5 0%, #82BFC5 50%, #CBE3E5 100%);
    background: linear-gradient(to bottom, #499DA5 0%, #82BFC5 50%, #CBE3E5 100%);
}
</style>