#244150 - #C0C7CD | 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 #244150 a #C0C7CD

#244150 #C0C7CD

Calcule el color entre dos colores, #244150 y #C0C7CD. 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)

#244150 - #C0C7CD | 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 #244150 como 0% y #C0C7CD como 100%.

0.0%	0.0% #244150	RGB 36 65 80	#244150
16.7%	16.7% #3E5764	RGB 62 87 100	#3E5764
33.3%	33.3% #586D79	RGB 88 109 121	#586D79
50.0%	50.0% #72848E	RGB 114 132 142	#72848E
66.7%	66.7% #8C9AA3	RGB 140 154 163	#8C9AA3
83.3%	83.3% #A6B0B8	RGB 166 176 184	#A6B0B8
100.0%	100.0% #C0C7CD	RGB 192 199 205	#C0C7CD

#244150 #3E5764 #586D79 #72848E #8C9AA3 #A6B0B8 #C0C7CD

#244150 - #C0C7CD

Mezcla HSV

#244150 - #C0C7CD | 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 #244150 como 0% y #C0C7CD como 100%.

0.0%	0.0% #244150	RGB 36 65 80	#244150
16.7%	16.7% #355364	RGB 53 83 100	#355364
33.3%	33.3% #4A6779	RGB 74 103 121	#4A6779
50.0%	50.0% #627C8E	RGB 98 124 142	#627C8E
66.7%	66.7% #7E93A3	RGB 126 147 163	#7E93A3
83.3%	83.3% #9DACB8	RGB 157 172 184	#9DACB8
100.0%	100.0% #C0C7CD	RGB 192 199 205	#C0C7CD

#244150 #355364 #4A6779 #627C8E #7E93A3 #9DACB8 #C0C7CD

#244150 - #627C8E - #C0C7CD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #244150 0%, #627C8E 50%, #C0C7CD 100%);
    background: -webkit-linear-gradient(top, #244150 0%, #627C8E 50%, #C0C7CD 100%);
    background: linear-gradient(to bottom, #244150 0%, #627C8E 50%, #C0C7CD 100%);
}
</style>