#01668B - #B6D3DD | 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 #01668B a #B6D3DD

#01668B #B6D3DD

Calcule el color entre dos colores, #01668B y #B6D3DD. 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)

#01668B - #B6D3DD | 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 #01668B como 0% y #B6D3DD como 100%.

0.0%	0.0% #01668B	RGB 1 102 139	#01668B
16.7%	16.7% #1F7898	RGB 31 120 152	#1F7898
33.3%	33.3% #3D8AA6	RGB 61 138 166	#3D8AA6
50.0%	50.0% #5B9CB4	RGB 91 156 180	#5B9CB4
66.7%	66.7% #79AEC1	RGB 121 174 193	#79AEC1
83.3%	83.3% #97C0CF	RGB 151 192 207	#97C0CF
100.0%	100.0% #B6D3DD	RGB 182 211 221	#B6D3DD

#01668B #1F7898 #3D8AA6 #5B9CB4 #79AEC1 #97C0CF #B6D3DD

#01668B - #B6D3DD

Mezcla HSV

#01668B - #B6D3DD | 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 #01668B como 0% y #B6D3DD como 100%.

0.0%	0.0% #00668B	RGB 0 102 139	#00668B
16.7%	16.7% #157598	RGB 21 117 152	#157598
33.3%	33.3% #2E86A6	RGB 46 134 166	#2E86A6
50.0%	50.0% #4A98B4	RGB 74 152 180	#4A98B4
66.7%	66.7% #6AABC1	RGB 106 171 193	#6AABC1
83.3%	83.3% #8EBECF	RGB 142 190 207	#8EBECF
100.0%	100.0% #B6D3DD	RGB 182 211 221	#B6D3DD

#00668B #157598 #2E86A6 #4A98B4 #6AABC1 #8EBECF #B6D3DD

#01668B - #4A98B4 - #B6D3DD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00668B 0%, #4A98B4 50%, #B6D3DD 100%);
    background: -webkit-linear-gradient(top, #00668B 0%, #4A98B4 50%, #B6D3DD 100%);
    background: linear-gradient(to bottom, #00668B 0%, #4A98B4 50%, #B6D3DD 100%);
}
</style>