#244150 - #C0C9CD | 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 #C0C9CD

#244150 #C0C9CD

Calcule el color entre dos colores, #244150 y #C0C9CD. 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 - #C0C9CD | 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 #C0C9CD 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% #586E79	RGB 88 110 121	#586E79
50.0%	50.0% #72858E	RGB 114 133 142	#72858E
66.7%	66.7% #8C9BA3	RGB 140 155 163	#8C9BA3
83.3%	83.3% #A6B2B8	RGB 166 178 184	#A6B2B8
100.0%	100.0% #C0C9CD	RGB 192 201 205	#C0C9CD

#244150 #3E5764 #586E79 #72858E #8C9BA3 #A6B2B8 #C0C9CD

#244150 - #C0C9CD

Mezcla HSV

#244150 - #C0C9CD | 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 #C0C9CD como 100%.

0.0%	0.0% #244150	RGB 36 65 80	#244150
16.7%	16.7% #355464	RGB 53 84 100	#355464
33.3%	33.3% #4A6A79	RGB 74 106 121	#4A6A79
50.0%	50.0% #62808E	RGB 98 128 142	#62808E
66.7%	66.7% #7E97A3	RGB 126 151 163	#7E97A3
83.3%	83.3% #9DAFB8	RGB 157 175 184	#9DAFB8
100.0%	100.0% #C0C9CD	RGB 192 201 205	#C0C9CD

#244150 #355464 #4A6A79 #62808E #7E97A3 #9DAFB8 #C0C9CD

#244150 - #62808E - #C0C9CD

Códigos CSS

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

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