#5A8F7B - #CFDFD8 | 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 #5A8F7B a #CFDFD8

#5A8F7B #CFDFD8

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

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

0.0%	0.0% #5A8F7B	RGB 90 143 123	#5A8F7B
16.7%	16.7% #6D9C8A	RGB 109 156 138	#6D9C8A
33.3%	33.3% #81A99A	RGB 129 169 154	#81A99A
50.0%	50.0% #94B7A9	RGB 148 183 169	#94B7A9
66.7%	66.7% #A8C4B9	RGB 168 196 185	#A8C4B9
83.3%	83.3% #BBD1C8	RGB 187 209 200	#BBD1C8
100.0%	100.0% #CFDFD8	RGB 207 223 216	#CFDFD8

#5A8F7B #6D9C8A #81A99A #94B7A9 #A8C4B9 #BBD1C8 #CFDFD8

#5A8F7B - #CFDFD8

Mezcla HSV

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

0.0%	0.0% #5A8F7B	RGB 90 143 123	#5A8F7B
16.7%	16.7% #6A9C88	RGB 106 156 136	#6A9C88
33.3%	33.3% #7BA997	RGB 123 169 151	#7BA997
50.0%	50.0% #8EB7A6	RGB 142 183 166	#8EB7A6
66.7%	66.7% #A2C4B6	RGB 162 196 182	#A2C4B6
83.3%	83.3% #B8D1C6	RGB 184 209 198	#B8D1C6
100.0%	100.0% #CFDFD8	RGB 207 223 216	#CFDFD8

#5A8F7B #6A9C88 #7BA997 #8EB7A6 #A2C4B6 #B8D1C6 #CFDFD8

#5A8F7B - #8EB7A6 - #CFDFD8

Códigos CSS

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

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