#24504E - #C0CCCD | 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 #24504E a #C0CCCD

#24504E #C0CCCD

Calcule el color entre dos colores, #24504E y #C0CCCD. 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)

#24504E - #C0CCCD | 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 #24504E como 0% y #C0CCCD como 100%.

0.0%	0.0% #24504E	RGB 36 80 78	#24504E
16.7%	16.7% #3E6463	RGB 62 100 99	#3E6463
33.3%	33.3% #587978	RGB 88 121 120	#587978
50.0%	50.0% #728E8D	RGB 114 142 141	#728E8D
66.7%	66.7% #8CA2A2	RGB 140 162 162	#8CA2A2
83.3%	83.3% #A6B7B7	RGB 166 183 183	#A6B7B7
100.0%	100.0% #C0CCCD	RGB 192 204 205	#C0CCCD

#24504E #3E6463 #587978 #728E8D #8CA2A2 #A6B7B7 #C0CCCD

#24504E - #C0CCCD

Mezcla HSV

#24504E - #C0CCCD | 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 #24504E como 0% y #C0CCCD como 100%.

0.0%	0.0% #24504E	RGB 36 80 78	#24504E
16.7%	16.7% #356463	RGB 53 100 99	#356463
33.3%	33.3% #4A7979	RGB 74 121 121	#4A7979
50.0%	50.0% #628D8E	RGB 98 141 142	#628D8E
66.7%	66.7% #7EA2A3	RGB 126 162 163	#7EA2A3
83.3%	83.3% #9DB6B8	RGB 157 182 184	#9DB6B8
100.0%	100.0% #C0CCCD	RGB 192 204 205	#C0CCCD

#24504E #356463 #4A7979 #628D8E #7EA2A3 #9DB6B8 #C0CCCD

#24504E - #628D8E - #C0CCCD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #24504E 0%, #628D8E 50%, #C0CCCD 100%);
    background: -webkit-linear-gradient(top, #24504E 0%, #628D8E 50%, #C0CCCD 100%);
    background: linear-gradient(to bottom, #24504E 0%, #628D8E 50%, #C0CCCD 100%);
}
</style>