#1C7272 - #082020 | 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 #1C7272 a #082020

#1C7272 #082020

Calcule el color entre dos colores, #1C7272 y #082020. 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)

#1C7272 - #082020 | 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 #1C7272 como 0% y #082020 como 100%.

0.0%	0.0% #1C7272	RGB 28 114 114	#1C7272
16.7%	16.7% #186464	RGB 24 100 100	#186464
33.3%	33.3% #155656	RGB 21 86 86	#155656
50.0%	50.0% #124949	RGB 18 73 73	#124949
66.7%	66.7% #0E3B3B	RGB 14 59 59	#0E3B3B
83.3%	83.3% #0B2D2D	RGB 11 45 45	#0B2D2D
100.0%	100.0% #082020	RGB 8 32 32	#082020

#1C7272 #186464 #155656 #124949 #0E3B3B #0B2D2D #082020

#1C7272 - #082020

Mezcla HSV

#1C7272 - #082020 | 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 #1C7272 como 0% y #082020 como 100%.

0.0%	0.0% #1C7272	RGB 28 114 114	#1C7272
16.7%	16.7% #186464	RGB 24 100 100	#186464
33.3%	33.3% #155656	RGB 21 86 86	#155656
50.0%	50.0% #124949	RGB 18 73 73	#124949
66.7%	66.7% #0E3B3B	RGB 14 59 59	#0E3B3B
83.3%	83.3% #0B2D2D	RGB 11 45 45	#0B2D2D
100.0%	100.0% #082020	RGB 8 32 32	#082020

#1C7272 #186464 #155656 #124949 #0E3B3B #0B2D2D #082020

#1C7272 - #124949 - #082020

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C7272 0%, #124949 50%, #082020 100%);
    background: -webkit-linear-gradient(top, #1C7272 0%, #124949 50%, #082020 100%);
    background: linear-gradient(to bottom, #1C7272 0%, #124949 50%, #082020 100%);
}
</style>