#00F6F6 - #CDFFAE | 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 #00F6F6 a #CDFFAE

#00F6F6 #CDFFAE

Calcule el color entre dos colores, #00F6F6 y #CDFFAE. 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)

#00F6F6 - #CDFFAE | 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 #00F6F6 como 0% y #CDFFAE como 100%.

0.0%	0.0% #00F6F6	RGB 0 246 246	#00F6F6
16.7%	16.7% #22F7EA	RGB 34 247 234	#22F7EA
33.3%	33.3% #44F9DE	RGB 68 249 222	#44F9DE
50.0%	50.0% #66FAD2	RGB 102 250 210	#66FAD2
66.7%	66.7% #88FCC6	RGB 136 252 198	#88FCC6
83.3%	83.3% #AAFDBA	RGB 170 253 186	#AAFDBA
100.0%	100.0% #CDFFAE	RGB 205 255 174	#CDFFAE

#00F6F6 #22F7EA #44F9DE #66FAD2 #88FCC6 #AAFDBA #CDFFAE

#00F6F6 - #CDFFAE

Mezcla HSV

#00F6F6 - #CDFFAE | 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 #00F6F6 como 0% y #CDFFAE como 100%.

0.0%	0.0% #00F6F6	RGB 0 246 246	#00F6F6
16.7%	16.7% #1CF7C4	RGB 28 247 196	#1CF7C4
33.3%	33.3% #38F9A0	RGB 56 249 160	#38F9A0
50.0%	50.0% #55FA88	RGB 85 250 136	#55FA88
66.7%	66.7% #72FC7D	RGB 114 252 125	#72FC7D
83.3%	83.3% #A0FD90	RGB 160 253 144	#A0FD90
100.0%	100.0% #CDFFAE	RGB 205 255 174	#CDFFAE

#00F6F6 #1CF7C4 #38F9A0 #55FA88 #72FC7D #A0FD90 #CDFFAE

#00F6F6 - #55FA88 - #CDFFAE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00F6F6 0%, #55FA88 50%, #CDFFAE 100%);
    background: -webkit-linear-gradient(top, #00F6F6 0%, #55FA88 50%, #CDFFAE 100%);
    background: linear-gradient(to bottom, #00F6F6 0%, #55FA88 50%, #CDFFAE 100%);
}
</style>