#0080AF - #ADFDC9 | 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 #0080AF a #ADFDC9

#0080AF #ADFDC9

Calcule el color entre dos colores, #0080AF y #ADFDC9. 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)

#0080AF - #ADFDC9 | 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 #0080AF como 0% y #ADFDC9 como 100%.

0.0%	0.0% #0080AF	RGB 0 128 175	#0080AF
16.7%	16.7% #1C94B3	RGB 28 148 179	#1C94B3
33.3%	33.3% #39A9B7	RGB 57 169 183	#39A9B7
50.0%	50.0% #56BEBC	RGB 86 190 188	#56BEBC
66.7%	66.7% #73D3C0	RGB 115 211 192	#73D3C0
83.3%	83.3% #90E8C4	RGB 144 232 196	#90E8C4
100.0%	100.0% #ADFDC9	RGB 173 253 201	#ADFDC9

#0080AF #1C94B3 #39A9B7 #56BEBC #73D3C0 #90E8C4 #ADFDC9

#0080AF - #ADFDC9

Mezcla HSV

#0080AF - #ADFDC9 | 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 #0080AF como 0% y #ADFDC9 como 100%.

0.0%	0.0% #0080AF	RGB 0 128 175	#0080AF
16.7%	16.7% #15A8BC	RGB 21 168 188	#15A8BC
33.3%	33.3% #2DC9C3	RGB 45 201 195	#2DC9C3
50.0%	50.0% #49D6BB	RGB 73 214 187	#49D6BB
66.7%	66.7% #67E3B8	RGB 103 227 184	#67E3B8
83.3%	83.3% #88F0BC	RGB 136 240 188	#88F0BC
100.0%	100.0% #ADFDC9	RGB 173 253 201	#ADFDC9

#0080AF #15A8BC #2DC9C3 #49D6BB #67E3B8 #88F0BC #ADFDC9

#0080AF - #49D6BB - #ADFDC9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0080AF 0%, #49D6BB 50%, #ADFDC9 100%);
    background: -webkit-linear-gradient(top, #0080AF 0%, #49D6BB 50%, #ADFDC9 100%);
    background: linear-gradient(to bottom, #0080AF 0%, #49D6BB 50%, #ADFDC9 100%);
}
</style>