#54A8AF - #DFDEC4 | 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 #54A8AF a #DFDEC4

#54A8AF #DFDEC4

Calcule el color entre dos colores, #54A8AF y #DFDEC4. 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)

#54A8AF - #DFDEC4 | 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 #54A8AF como 0% y #DFDEC4 como 100%.

0.0%	0.0% #54A8AF	RGB 84 168 175	#54A8AF
16.7%	16.7% #6BB1B2	RGB 107 177 178	#6BB1B2
33.3%	33.3% #82BAB6	RGB 130 186 182	#82BAB6
50.0%	50.0% #99C3B9	RGB 153 195 185	#99C3B9
66.7%	66.7% #B0CCBD	RGB 176 204 189	#B0CCBD
83.3%	83.3% #C7D5C0	RGB 199 213 192	#C7D5C0
100.0%	100.0% #DFDEC4	RGB 223 222 196	#DFDEC4

#54A8AF #6BB1B2 #82BAB6 #99C3B9 #B0CCBD #C7D5C0 #DFDEC4

#54A8AF - #DFDEC4

Mezcla HSV

#54A8AF - #DFDEC4 | 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 #54A8AF como 0% y #DFDEC4 como 100%.

0.0%	0.0% #54A8AF	RGB 84 168 175	#54A8AF
16.7%	16.7% #64B7A0	RGB 100 183 160	#64B7A0
33.3%	33.3% #75BF90	RGB 117 191 144	#75BF90
50.0%	50.0% #87C788	RGB 135 199 136	#87C788
66.7%	66.7% #ABCF9A	RGB 171 207 154	#ABCF9A
83.3%	83.3% #CAD7AE	RGB 202 215 174	#CAD7AE
100.0%	100.0% #DFDEC4	RGB 223 222 196	#DFDEC4

#54A8AF #64B7A0 #75BF90 #87C788 #ABCF9A #CAD7AE #DFDEC4

#54A8AF - #87C788 - #DFDEC4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #54A8AF 0%, #87C788 50%, #DFDEC4 100%);
    background: -webkit-linear-gradient(top, #54A8AF 0%, #87C788 50%, #DFDEC4 100%);
    background: linear-gradient(to bottom, #54A8AF 0%, #87C788 50%, #DFDEC4 100%);
}
</style>