#468C8C - #065C4B | 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 #468C8C a #065C4B

#468C8C #065C4B

Calcule el color entre dos colores, #468C8C y #065C4B. 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)

#468C8C - #065C4B | 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 #468C8C como 0% y #065C4B como 100%.

0.0%	0.0% #468C8C	RGB 70 140 140	#468C8C
16.7%	16.7% #3B8481	RGB 59 132 129	#3B8481
33.3%	33.3% #307C76	RGB 48 124 118	#307C76
50.0%	50.0% #26746B	RGB 38 116 107	#26746B
66.7%	66.7% #1B6C60	RGB 27 108 96	#1B6C60
83.3%	83.3% #106455	RGB 16 100 85	#106455
100.0%	100.0% #065C4B	RGB 6 92 75	#065C4B

#468C8C #3B8481 #307C76 #26746B #1B6C60 #106455 #065C4B

#468C8C - #065C4B

Mezcla HSV

#468C8C - #065C4B | 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 #468C8C como 0% y #065C4B como 100%.

0.0%	0.0% #468C8C	RGB 70 140 140	#468C8C
16.7%	16.7% #388481	RGB 56 132 129	#388481
33.3%	33.3% #2C7C76	RGB 44 124 118	#2C7C76
50.0%	50.0% #20746B	RGB 32 116 107	#20746B
66.7%	66.7% #166C60	RGB 22 108 96	#166C60
83.3%	83.3% #0D6455	RGB 13 100 85	#0D6455
100.0%	100.0% #065C4B	RGB 6 92 75	#065C4B

#468C8C #388481 #2C7C76 #20746B #166C60 #0D6455 #065C4B

#468C8C - #20746B - #065C4B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #468C8C 0%, #20746B 50%, #065C4B 100%);
    background: -webkit-linear-gradient(top, #468C8C 0%, #20746B 50%, #065C4B 100%);
    background: linear-gradient(to bottom, #468C8C 0%, #20746B 50%, #065C4B 100%);
}
</style>