#65ABCA - #04719C | 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 #65ABCA a #04719C

#65ABCA #04719C

Calcule el color entre dos colores, #65ABCA y #04719C. 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)

#65ABCA - #04719C | 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 #65ABCA como 0% y #04719C como 100%.

0.0%	0.0% #65ABCA	RGB 101 171 202	#65ABCA
16.7%	16.7% #54A1C2	RGB 84 161 194	#54A1C2
33.3%	33.3% #4497BA	RGB 68 151 186	#4497BA
50.0%	50.0% #348EB3	RGB 52 142 179	#348EB3
66.7%	66.7% #2484AB	RGB 36 132 171	#2484AB
83.3%	83.3% #147AA3	RGB 20 122 163	#147AA3
100.0%	100.0% #04719C	RGB 4 113 156	#04719C

#65ABCA #54A1C2 #4497BA #348EB3 #2484AB #147AA3 #04719C

#65ABCA - #04719C

Mezcla HSV

#65ABCA - #04719C | 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 #65ABCA como 0% y #04719C como 100%.

0.0%	0.0% #65AACA	RGB 101 170 202	#65AACA
16.7%	16.7% #51A0C2	RGB 81 160 194	#51A0C2
33.3%	33.3% #3F95BA	RGB 63 149 186	#3F95BA
50.0%	50.0% #2F8CB3	RGB 47 140 179	#2F8CB3
66.7%	66.7% #1F82AB	RGB 31 130 171	#1F82AB
83.3%	83.3% #1179A3	RGB 17 121 163	#1179A3
100.0%	100.0% #04719C	RGB 4 113 156	#04719C

#65AACA #51A0C2 #3F95BA #2F8CB3 #1F82AB #1179A3 #04719C

#65ABCA - #2F8CB3 - #04719C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #65AACA 0%, #2F8CB3 50%, #04719C 100%);
    background: -webkit-linear-gradient(top, #65AACA 0%, #2F8CB3 50%, #04719C 100%);
    background: linear-gradient(to bottom, #65AACA 0%, #2F8CB3 50%, #04719C 100%);
}
</style>