#5A8C8C - #CFDEDE | 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 #5A8C8C a #CFDEDE

#5A8C8C #CFDEDE

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

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

0.0%	0.0% #5A8C8C	RGB 90 140 140	#5A8C8C
16.7%	16.7% #6D9999	RGB 109 153 153	#6D9999
33.3%	33.3% #81A7A7	RGB 129 167 167	#81A7A7
50.0%	50.0% #94B5B5	RGB 148 181 181	#94B5B5
66.7%	66.7% #A8C2C2	RGB 168 194 194	#A8C2C2
83.3%	83.3% #BBD0D0	RGB 187 208 208	#BBD0D0
100.0%	100.0% #CFDEDE	RGB 207 222 222	#CFDEDE

#5A8C8C #6D9999 #81A7A7 #94B5B5 #A8C2C2 #BBD0D0 #CFDEDE

#5A8C8C - #CFDEDE

Mezcla HSV

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

0.0%	0.0% #5A8C8C	RGB 90 140 140	#5A8C8C
16.7%	16.7% #6A9999	RGB 106 153 153	#6A9999
33.3%	33.3% #7BA7A7	RGB 123 167 167	#7BA7A7
50.0%	50.0% #8EB5B5	RGB 142 181 181	#8EB5B5
66.7%	66.7% #A2C2C2	RGB 162 194 194	#A2C2C2
83.3%	83.3% #B8D0D0	RGB 184 208 208	#B8D0D0
100.0%	100.0% #CFDEDE	RGB 207 222 222	#CFDEDE

#5A8C8C #6A9999 #7BA7A7 #8EB5B5 #A2C2C2 #B8D0D0 #CFDEDE

#5A8C8C - #8EB5B5 - #CFDEDE

Códigos CSS

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

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