#5A837C - #CFDBD9 | 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 #5A837C a #CFDBD9

#5A837C #CFDBD9

Calcule el color entre dos colores, #5A837C y #CFDBD9. 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)

#5A837C - #CFDBD9 | 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 #5A837C como 0% y #CFDBD9 como 100%.

0.0%	0.0% #5A837C	RGB 90 131 124	#5A837C
16.7%	16.7% #6D918B	RGB 109 145 139	#6D918B
33.3%	33.3% #81A09B	RGB 129 160 155	#81A09B
50.0%	50.0% #94AFAA	RGB 148 175 170	#94AFAA
66.7%	66.7% #A8BDBA	RGB 168 189 186	#A8BDBA
83.3%	83.3% #BBCCC9	RGB 187 204 201	#BBCCC9
100.0%	100.0% #CFDBD9	RGB 207 219 217	#CFDBD9

#5A837C #6D918B #81A09B #94AFAA #A8BDBA #BBCCC9 #CFDBD9

#5A837C - #CFDBD9

Mezcla HSV

#5A837C - #CFDBD9 | 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 #5A837C como 0% y #CFDBD9 como 100%.

0.0%	0.0% #5A837C	RGB 90 131 124	#5A837C
16.7%	16.7% #6A918A	RGB 106 145 138	#6A918A
33.3%	33.3% #7BA09A	RGB 123 160 154	#7BA09A
50.0%	50.0% #8EAFA9	RGB 142 175 169	#8EAFA9
66.7%	66.7% #A2BDB9	RGB 162 189 185	#A2BDB9
83.3%	83.3% #B8CCC8	RGB 184 204 200	#B8CCC8
100.0%	100.0% #CFDBD9	RGB 207 219 217	#CFDBD9

#5A837C #6A918A #7BA09A #8EAFA9 #A2BDB9 #B8CCC8 #CFDBD9

#5A837C - #8EAFA9 - #CFDBD9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A837C 0%, #8EAFA9 50%, #CFDBD9 100%);
    background: -webkit-linear-gradient(top, #5A837C 0%, #8EAFA9 50%, #CFDBD9 100%);
    background: linear-gradient(to bottom, #5A837C 0%, #8EAFA9 50%, #CFDBD9 100%);
}
</style>